EXCEPT for TEMPLATE.js, make new copies of any file named TEMPLATE, and save the copies in the same folder the originals were in. They need to all have the same name. So if you were making a landing page for ADP, you would rename the copies
adp.css would be inside the
css folder, etc.
<title>Wilson College TEMPLATE</title> to the title you want displayed in the browser tab.
In the line
<link href="css/TEMPLATE.css" rel="stylesheet" media="screen">, change the
href attribute to point to the CSS file you created.
The HTML has page sections labeled with comments. First, inside "header" and "top bar", change the email link (both the
href attribute and the actual text inside the
<a> tag) to the appropriate email address. Make sure to leave the
mailto: part inside
In the logo section, the size of the logo can be adjusted by changing the
height attribute of this line:
<img src="img/Wilson_UnitLrg_Wht_FIN.png" height="130" class="logo" alt="logo">
In the intro text section, change
<h1>Title Here</h1> to be the title of the page that appears in the top right.
Inside the slider section is the contact form. You can add and remove input fields in here (like if you wanted one to have a "high school graduation date" field). Changing this stuff is a little weird, but it's not hard. Let me know if you want to do this and I'll show you.
Add all the copy for the particular landing page inside the content info section.
The newsletter section is there, but it's commented out in the template. If you decide you want that in a page just uncomment it and it'll show up.
In the footer section, change the made up contact info if the page needs that information. If you want to take it out entirely, do two things:
Delete the entire
<div> where the contact info is, starting at
<div class="col-md-9"> and going down to and including
Change the line
<div class="col-md-3"> to
<div class="col-md-3 col-md-offset-9">. This will keep the social media icons on the right side of the page. If you want them to be on the left you can ignore this step.
TEMPLATE.js should work for every page.
url(../img/gradpic.png)to point to the picture you want behind the contact form.
$to equal to the address the contact form email should be sent to.
$subject equal to whatever you want the subject of that email to be.
$msg is the content of the email. You can format it however you want, probably saying what page the email came from rather than TEMPLATE PAGE.