Convert 12-14 templates to a c# cms templates, pages are broken up into an input and an output. You will be taking a HTML page and converting it to a template. We will provide you with the HTML and documentation and help where ever is needed in getting up to speed with the cms. The overall setup of the cms is setup all you need to do is add fields to an input page for the user to enter content eg a text box, wysiwyg and a looping structure for lists. The same will then be added to the output page so that the user can verify their work. Need strong HTML knowledge and intermediate javascript, css, and C# programing skills. Will need visual studio express or visual studio to modify the templates.
## Deliverables
Attached is an example HTML page that will be converted, for eample we will take the image out of the html and other fields that need to be editable eg title, button
<div class="colgroup two_col">
<div class="col">
<div class="content">
<img src="images/ph\_products\[login to view URL]">
<a class="cta_video" href="#">Watch Demo</a>
</div>
</div>
<div class="col">
<div class="content">
<h2 class="sub_header">Turn before the markets do</h2>
<h1 class="header">Lorem ipsum dolor set amet consecututer adipiscing</h1>
<p class="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<a class="btn" href="#">Learn about</a>
</div>
</div>
</div>
+++++
INPUT PAGE
+++++++
[login to view URL]("Image", "hm\_land\_left_img", landRightParams, helpMessage: "<br/>Header Image Aprox [Width: 421 | Height: 452]");
+++++
Output page
+++++++
we will take the HTML image <img src="images/ph\_products\[login to view URL]"> and replace it with a specific function that loads image also some C# code to check to see if the field is empty do not display the object
<div class="content">
<%if ([login to view URL](asset["hm\_land\_left_content"])){%>
<%=[login to view URL]([login to view URL]["hm\_land\_left_img"].ToString())%>
<%}%>