-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·61 lines (55 loc) · 3.03 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
<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/styles.css" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600' rel='stylesheet' type='text/css'>
<title>My Product</title>
</head>
<body>
<div class="container-fluid">
<header>
<!-- ------------------Sho starts-->
<nav>
<a href="#">About</a>
<a href="#">Features</a>
<a href="#">Pricing</a>
<a href="#">Support</a>
</nav>
<h1>Product Name</h1>
<h3>Buy our product because it's awesome!</h3>
<a href="#" class="buy">BUY</a>
</header>
<!-- ------------------Kevin starts-->
<div class="row">
<div class="col-xs-12">
<h2>ABOUT</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dignissim nisi nec nulla viverra cursus. Aliquam tincidunt sapien quis feugiat hendrerit. Nunc fermentum nunc lacus, blandit dignissim sapien pellentesque ac. Vivamus pretium felis erat. Aenean.
</p>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-md-4">
<div class="icon" id="lightning"></div>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et lectus id justo vehicula hendrerit. Etiam nec dignissim libero. Vivamus ornare urna at turpis viverra sodales. Vivamus molestie arcu risus, ac condimentum odio scelerisque ut. Morbi nulla nulla, posuere sit.
</p>
</div>
<div class="col-xs-12 col-md-4">
<div class="icon" id="cloud"></div>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et lectus id justo vehicula hendrerit. Etiam nec dignissim libero. Vivamus ornare urna at turpis viverra sodales. Vivamus molestie arcu risus, ac condimentum odio scelerisque ut. Morbi nulla nulla, posuere sit.
</p>
</div>
<div class="col-xs-12 col-md-4">
<div class="icon" id="people"></div>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et lectus id justo vehicula hendrerit. Etiam nec dignissim libero. Vivamus ornare urna at turpis viverra sodales. Vivamus molestie arcu risus, ac condimentum odio scelerisque ut. Morbi nulla nulla, posuere sit.
</p>
</div>
</div>
</div>
</body>
</html>