-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
120 lines (115 loc) · 4.31 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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My Landing Page</title>
<link href="css/app.css" rel="stylesheet" />
</head>
<body>
<header class="nav-header">
<nav class="container">
<div class="row">
<div class="col-1"></div>
<div class="col-2">
<img class="logo" src="./assets/KFS-DRK.png" alt="placeholder">
</div>
<div class="col-9">
<div class="nav-menu">
<ul class="nav-menu-list">
<li class="nav-item">
<a class="nav-a" href="">Home</a>
</li>
<li class="nav-item">
<a class="nav-a" href="">About</a>
</li>
<li class="nav-item">
<a class="nav-a" href="">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-a" href="">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-a" href="">FAQ</a>
</li>
<li class="nav-item">
<a class="nav-a" href="">Contact</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
</header>
<section class="banner-container">
<div class="container">
<div class="row">
<div class="col-1"></div>
<div class="col-6">
<h1 class="home-title">My Awesome Landing Page</h1>
<p class="b-text">Turpis, pid dis lundium ac dignissim lorem diam diam elementum, porta lacus dis, hac risus, enim scelerisque, placerat, enim aliquam magna penatibus elementum ultricies!</p>
<button class="btn btn-dark" type="button" name="button">Learn More</button>
</div>
<div class="col-4">
<div class="b-card">
<div class="b-title">
Watch Our Video
</div>
<div class="b-video">
<img class="b-video-img" src="./assets/KFS.jpg" alt="" />
</div>
<p class="card-text">
Urna lectus phasellus montes porta mid. Eros non magna cras amet in egestas pellentesque!
</p>
<div class="card-btn">
<button class="btn btn-primary buy-btn-lg" type="button" name="button">View Here</button>
</div>
</div>
</div>
<div class="col-1"></div>
</div>
</div>
</section>
<section class="splitter-container">
<div class="container">
<div class="row">
<div class="col-1"></div>
<div class="col-10">
<div class="img-list">
<img class="img-item" src="./assets/KFS-DRK.png" alt="">
<img class="img-item" src="./assets/KFS-LT.png" alt="">
<img class="img-item" src="./assets/KFS-DRK.png" alt="">
</div>
</div>
</div>
</div>
</section>
<section class="about-container">
<div class="container">
<div class="row">
<div class="col-4 img-cont">
<img class="gear-img" src="./assets/gear.png" alt="">
</div>
<div class="col-6">
<div class="about-content">
<h2 class="about-title">DEVSLOPES TAUGHT ME TO SASS
<br />
UP MY STUFF</h2>
<p class="about-text">Proin iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit aenean rhoncus posuere odio in tincidunt. Proin iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit aenean rhoncus posuere odio in tincidunt. Proin iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit aenean rhoncus posuere odio in tincidunt.is purus consequat sem cure digni ssim. Donec porttitora entum suscipit aenean rhoncus posuere odio in tincidunt</p>
<button class="btn btn-third buy-btn-md"type="button" name="button">Buy Now</button>
</div>
</div>
</div>
</div>
</section>
<footer id="page-footer" class="lego-footer">
<div class="footer-container">
<div class="footer-wrapper">
<a class="footer-link" href="#">Blog</a>
<a class="footer-link" href="#">Getting Started</a>
<a class="footer-link" href="#">Support</a>
<a class="footer-link" href="#">Terms of Service</a>
</div>
</div>
</footer>
</body>
</html>