1
+ <!DOCTYPE HTML>
2
+ <!--
3
+ Prism by TEMPLATED
4
+ templated.co @templatedco
5
+ Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
6
+ -->
7
+ < html >
8
+ < head >
9
+ < title > Prism by TEMPLATED</ title >
10
+ < meta charset ="utf-8 " />
11
+ < meta name ="viewport " content ="width=device-width, initial-scale=1 " />
12
+ <!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
13
+ < link rel ="stylesheet " href ="assets/css/main.css " />
14
+ <!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
15
+ </ head >
16
+ < body >
17
+
18
+ <!-- Banner -->
19
+ < section id ="banner ">
20
+ < div class ="inner split ">
21
+ < section >
22
+ < h2 > This is a custom PAGE</ a > </ h2 >
23
+ </ section >
24
+ < section >
25
+ < p > Lorem ipsum nisl sed cursus magna et amet veroeros. Phasellus aliquam et tempus lorem dolor feugiat adipiscing lorem.</ p >
26
+ < ul class ="actions ">
27
+ < li > < a href ="# " class ="button special "> Get started</ a > </ li >
28
+ </ ul >
29
+ </ section >
30
+ </ div >
31
+ </ section >
32
+
33
+ <!-- One -->
34
+ < section id ="one " class ="wrapper ">
35
+ < div class ="inner split ">
36
+ < section >
37
+ < h2 > Magna feugiat adipiscing</ h2 >
38
+ < p > Lorem ipsum nisl sed cursus magna et amet veroeros. Sed phasellus aliquam et tempus lorem feugiat adipiscing lorem. Morbi pharetra vitae felis placerat pharetra. Nulla risus orci, dapibus id malesuada et nec, malesuada quis orci. Pellentesque eget consequat.</ p >
39
+ < ul class ="actions ">
40
+ < li > < a href ="# " class ="button alt "> Learn more</ a > </ li >
41
+ </ ul >
42
+ </ section >
43
+ < section >
44
+ < ul class ="checklist ">
45
+ < li > Ipsum nisl sed cursus magna</ li >
46
+ < li > Amet veroeros sed aliquam consequat</ li >
47
+ < li > Tempus lorem adipiscing et lorem</ li >
48
+ < li > Morbi pharetra vitae felis placerat</ li >
49
+ < li > Pharetra nulla risus orci dapibus</ li >
50
+ </ ul >
51
+ </ section >
52
+ </ div >
53
+ </ section >
54
+
55
+ <!-- Two -->
56
+ < section id ="two " class ="wrapper style2 alt ">
57
+ < div class ="inner ">
58
+ < div class ="spotlight ">
59
+ < div class ="image ">
60
+ < img src ="images/pic01.jpg " alt ="" />
61
+ </ div >
62
+ < div class ="content ">
63
+ < h3 > Ipsum pharetra tempus</ h3 >
64
+ < p > Lorem ipsum nisl sed cursus magna et amet veroeros. Sed phasellus malesuada quis orci. Pellentesque eget consequat.</ p >
65
+ < ul class ="actions ">
66
+ < li > < a href ="# " class ="button alt "> Details</ a > </ li >
67
+ </ ul >
68
+ </ div >
69
+ </ div >
70
+ < div class ="spotlight ">
71
+ < div class ="image ">
72
+ < img src ="images/pic02.jpg " alt ="" />
73
+ </ div >
74
+ < div class ="content ">
75
+ < h3 > Magna consequat felis</ h3 >
76
+ < p > Lorem ipsum nisl sed cursus magna et amet veroeros. Sed phasellus malesuada quis orci. Pellentesque eget consequat.</ p >
77
+ < ul class ="actions ">
78
+ < li > < a href ="# " class ="button alt "> Details</ a > </ li >
79
+ </ ul >
80
+ </ div >
81
+ </ div >
82
+ < div class ="spotlight ">
83
+ < div class ="image ">
84
+ < img src ="images/pic03.jpg " alt ="" />
85
+ </ div >
86
+ < div class ="content ">
87
+ < h3 > Vitae placerat adipiscing</ h3 >
88
+ < p > Lorem ipsum nisl sed cursus magna et amet veroeros. Sed phasellus malesuada quis orci. Pellentesque eget consequat.</ p >
89
+ < ul class ="actions ">
90
+ < li > < a href ="# " class ="button alt "> Details</ a > </ li >
91
+ </ ul >
92
+ </ div >
93
+ </ div >
94
+ < ul class ="actions special ">
95
+ < li > < a href ="# " class ="button alt "> Ipsum magna tempus</ a > </ li >
96
+ </ ul >
97
+ </ div >
98
+ </ section >
99
+
100
+ <!-- Contact -->
101
+ < section id ="contact " class ="wrapper ">
102
+ < div class ="inner split ">
103
+ < section >
104
+ < h2 > Orci malesuada</ h2 >
105
+ < p > Morbi pharetra vitae felis placerat pharetra. Nulla risus orci, dapibus id malesuada et nec, malesuada quis pellentesque eget.</ p >
106
+ < form action ="# " class ="alt " method ="POST ">
107
+ < div class ="row uniform ">
108
+ < div class ="6u 12u$(xsmall) ">
109
+ < input name ="name " placeholder ="Name " type ="text ">
110
+ </ div >
111
+ < div class ="6u$ 12u$(xsmall) ">
112
+ < input name ="email " placeholder ="Email " type ="email ">
113
+ </ div >
114
+ < div class ="12u$ ">
115
+ < textarea name ="message " placeholder ="Message " rows ="4 "> </ textarea >
116
+ </ div >
117
+ </ div >
118
+ < ul class ="actions ">
119
+ < li > < input class ="alt " value ="Send message " type ="submit "> </ li >
120
+ </ ul >
121
+ </ form >
122
+ </ section >
123
+ < section >
124
+ < ul class ="contact ">
125
+ < li class ="fa-twitter "> < a href ="# "> twitter.com/untitled-tld</ a > </ li >
126
+ < li class ="fa-facebook "> < a href ="# "> facebook.com/untitled-tld</ a > </ li >
127
+ < li class ="fa-instagram "> < a href ="# "> instagram.com/untitled-tld</ a > </ li >
128
+ < li class ="
fa-envelope "
> < a href ="
# "
> [email protected] </ a > </ li >
129
+ < li class ="fa-home "> 1234 Somewhere Road Suite 9823< br /> Nashville, TN 00000-0000</ li >
130
+ </ ul >
131
+ </ section >
132
+ </ div >
133
+ </ section >
134
+
135
+ <!-- Footer -->
136
+ < footer id ="footer ">
137
+ < div class ="copyright ">
138
+ © Untitled. All rights reserved. Images: < a href ="http://unsplash.com "> Unsplash</ a > . Design: < a href ="http://templated.co "> TEMPLATED</ a > .
139
+ </ div >
140
+ </ footer >
141
+
142
+ <!-- Scripts -->
143
+ < script src ="assets/js/jquery.min.js "> </ script >
144
+ < script src ="assets/js/skel.min.js "> </ script >
145
+ < script src ="assets/js/util.js "> </ script >
146
+ <!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
147
+ < script src ="assets/js/main.js "> </ script >
148
+
149
+ </ body >
150
+ </ html >
0 commit comments