Index: lams_tool_larsrc/web/pages/learning/addurl.jsp
===================================================================
diff -u -rbc8213e12c4e5afddd0394ad66386ef3e70d1611 -r06770d77acb444693664d588e5d2e8570adb96aa
--- lams_tool_larsrc/web/pages/learning/addurl.jsp	(.../addurl.jsp)	(revision bc8213e12c4e5afddd0394ad66386ef3e70d1611)
+++ lams_tool_larsrc/web/pages/learning/addurl.jsp	(.../addurl.jsp)	(revision 06770d77acb444693664d588e5d2e8570adb96aa)
@@ -1,57 +1,60 @@
 <%@ include file="/common/taglibs.jsp"%>
 
 <!-- Add a URL Form-->
-<div class="panel panel-default">
-	<div class="panel-heading panel-title">
+<div class="card lcard">
+	<div class="card-header">
 		<fmt:message key="label.learning.new.url" />
 	</div>
-	<div class="panel-body">
-
+	
+	<div class="card-body">
 		<lams:errors/>
 
 		<form:form action="saveOrUpdateItem.do" method="post" modelAttribute="resourceItemForm" id="resourceItemForm" focus="title">
-
 			<form:hidden path="itemType" id="itemType" />
 			<form:hidden path="mode" id="mode"/>
 			<form:hidden path="sessionMapID"/>
 
 			<div class="mb-3" id="addurl">
 				<label for="url"><fmt:message key="label.authoring.basic.resource.url.input" /></label>
-				<form:input path="url" cssClass="form-control" tabindex="2" id="url"/>
+				<form:input path="url" cssClass="form-control" id="url"/>
 			</div>
 
-			<div id="preview-panel" class="panel panel-default hidden">
-				<div class="panel-heading panel-title">
+			<div id="preview-panel" class="card lcard d-none">
+				<div class="card-header">
 					<fmt:message key="label.authoring.basic.resource.preview" />
 				</div>
-				<div id="item-content-0" class="panel-body item-content">
+				<div id="item-content-0" class="card-body item-content">
 					<div class="content-panel">
 						<h3  class="embedded-title"></h3>
-						<h5  class="embedded-description"></h5>
+						<h4  class="embedded-description"></h4>
 						<div class="embedded-content"></div>
 					</div>
 				</div>
 			</div>
 
 			<div class="mb-3">
 				<label for="title"><fmt:message key="label.authoring.basic.resource.title.input" /></label>:
-				<form:input path="title" tabindex="1" cssClass="form-control"/>
+				<form:input path="title" cssClass="form-control"/>
 			</div>
 
 			<div class="mb-3">
-				<label for="instructions"><fmt:message key="label.authoring.basic.instruction" /></label>
-				<lams:CKEditor id="instructions" value="" contentFolderID="${learnerContentFolder}"></lams:CKEditor>
+		    	<div id="instructions-label">
+		    		<fmt:message key="label.authoring.basic.instruction" />
+		    	</div>
+				<lams:CKEditor id="instructions-ckeditor" value="" contentFolderID="${learnerContentFolder}"
+					ariaLabelledby="instructions-label"></lams:CKEditor>
 			</div>
 
 			<div id="buttons" class="float-end" >
-				<button name="goback" onclick="javascript:cancel()" class="btn btn-sm btn-secondary" id="cancelButton">
+				<button type="button" name="goback" onclick="javascript:cancel()" class="btn btn-sm btn-secondary" id="cancelButton">
+					<i class="fa fa-cancel"></i>
 					<fmt:message key="button.cancel" />
 				</button>&nbsp;
 				<button type="submit" class="btn btn-sm btn-secondary btn-disable-on-submit" id="submitButton">
+					<i class="fa fa-plus"></i>
 					<fmt:message key="button.add" />
 				</button>
 			</div>
-
 		</form:form>
 
 		<script type="text/javascript">
@@ -71,7 +74,7 @@
 							jsonpCallback: 'iframelyCallback0',
 							contentType: "application/json; charset=utf-8",
 							error: function (xhr, status, error) {
-								$('#addresource #preview-panel').addClass('hidden');
+								$('#addresource #preview-panel').addClass('d-none');
 
 								console.log("Result: " + status + " " + error + " " + xhr.status + " " + xhr.statusText)
 							}
@@ -105,6 +108,5 @@
 				},
 			});
 		</script>
-
 	</div>
 </div>
\ No newline at end of file