-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
102 lines (93 loc) · 4.83 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Coding with Zenni</title>
<meta name="description" content="This is a Code Interview with Zenni Optical">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/helper.css">
<!-- Your Stylesheet Goes Here -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<!--
LAYOUT GOES HERE...
-->
<div class="container-fluid bg-primary text-center">
<h1>CODING WITH ZENNI</h1>
</div>
<section id="intro">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-6">
<h2>Lorem ipsum dolor sit amet.</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec felis mi, hendrerit ac ante in, feugiat elementum purus. Fusce id sollicitudin dolor.</p><br>
<p><small>In convallis, nisl posuere varius auctor, enim arcu bibendum velit, sit amet lacinia ligula erat maximus velit. Phasellus fermentum facilisis vestibulum.</small></p>
</div>
<div class="col-xs-12 col-sm-12 col-md-6">
<img src="images/image-1.jpg" class="img-thumbnail">
</div>
</div>
</div>
</section>
<section id="about">
<div class="container-fluid bg-gray-light text-center">
<div class="col-lg-8 col-centered bg-gray-light">
<h2>Lorem ipsum dolor sit amet</h2>
<p class="text-justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer congue, nisi vel tempus faucibus, velit nunc placerat est, in vulputate risus ex nec erat. Donec sit amet risus fringilla, euismod nisl varius, dignissim augue. Nullam mollis non velit in interdum. Ut odio mauris, lacinia ut velit quis, scelerisque convallis nibh.</p><br>
<p class="text-justify">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>
</div>
</div>
</section>
<section id="services">
<div class="container-fluid bg-gray-darker text-center text-light img-round">
<h2>Lorem ipsum dolor sit.</h2>
<p class="col-lg-8 col-centered">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam quam leo, vulputate sit amet ullamcorper a, malesuada ut nisi. Quisque.</p>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-4">
<div class="thumbnail">
<img src="images/image-2.jpg" class="img-rounded">
<h3>Lorem ipsum dolor sit amet.</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam purus dolor, efficitur eget euismod tempus, rhoncus sit amet ligula. Sed egestas pellentesque interdum. Nulla semper aliquet libero. Nunc vel laoreet.</p>
<button type="button" class="btn btn">Learn more</button>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-4">
<div class="thumbnail">
<img src="images/image-3.jpg" class="img-rounded">
<h3>Lorem ipsum dolor sit amet.</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam purus dolor, efficitur eget euismod tempus, rhoncus sit amet ligula. Sed egestas pellentesque interdum. Nulla semper aliquet libero. Nunc vel laoreet.</p>
<button type="button" class="btn btn">Learn more</button>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-4">
<div class="thumbnail">
<img src="images/image-4.jpg" class="img-rounded">
<h3>Lorem ipsum dolor sit amet.</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam purus dolor, efficitur eget euismod tempus, rhoncus sit amet ligula. Sed egestas pellentesque interdum. Nulla semper aliquet libero. Nunc vel laoreet.</p>
<button type="button" class="btn btn">Learn more</button>
</div>
</div>
</div>
</div>
</section>
<section id="summary">
<div class="container-fluid text-center col-lg-8 col-centered">
<h3>Consectetur adipisicing elit.</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porta sit amet tellus sollicitudin porta. Aenean lectus purus, rhoncus vitae.</p>
<div class="jumbotron text-right">
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis molestie libero. Maecenas sit amet nisl dignissim, ultrices leo a, congue erat. Morbi a viverra mauris, at tincidunt diam. Suspendisse.</p><br>
<footer><em>John Doe</em></footer>
</blockquote>
</div>
</div>
</section>
<div class="footer container-fluid bg-primary text-center">
<p>THANK YOU FOR CODING. YOU'VE COME TO THE END!</p>
</div>
</section>
</body>
</html>