-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
102 lines (98 loc) · 5.36 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 name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Bootstrap</title>
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Archivo+Narrow:wght@400;700&family=Julius+Sans+One&display=swap" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" />
</head>
<body>
<div class="wrapper">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" href="#">Bootstrap</a>
<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="products.html">Products</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</nav>
<div id="carouselExampleIndicators" class="carousel slide" data-interval="false" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner embed-responsive embed-responsive-21by9">
<div class="carousel-item active embed-responsive-item" style="background-image: url(images/slider-1.jpg);"></div>
<div class="carousel-item embed-responsive-item" style="background-image: url(images/slider-2.jpg);"></div>
<div class="carousel-item embed-responsive-item" style="background-image: url(images/slider-3.jpg);"></div>
</div>
</div>
<div class="container">
<h1 class="home">SERIOUSLY, BUY MORE THINGS</h1>
<div class="row">
<div class="col-md home-block">
<h3>Heading</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
<a href="products.html" class="btn btn-primary">View more</a>
</div>
<div class="col-md home-block">
<h3>Heading</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean volutpat efficitur eleifend. Etiam sit amet turpis dolor. Maecenas facilisis semper est sit amet facilisis.
Aliquam turpis enim, euismod in tincidunt non, dapibus quis dolor.
</p>
<a href="products.html" class="btn btn-primary">View more</a>
</div>
<div class="col-md home-block">
<h3>Heading</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean volutpat efficitur eleifend. Etiam sit amet turpis dolor. Maecenas facilisis semper est sit amet facilisis.
Aliquam turpis enim, euismod in tincidunt non, dapibus quis dolor.
</p>
<a href="products.html" class="btn btn-primary">View more</a>
</div>
</div>
</div>
</div>
<footer>
<div><i class="fa fa-twitter"></i> <i class="fa fa-vimeo"></i></div>
<div>Copyright 2020</div>
<div><a href="terms.html">Terms</a> | <a href="policy.html">Privacy Policy</a></div>
</footer>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous"
></script>
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"
integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
crossorigin="anonymous"
></script>
</body>
</html>