-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·151 lines (73 loc) · 3.67 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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Page title</title>
<meta name="description" content="">
<link rel="shortcut icon" href="favicon.ico">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header class="header">
<div class="container">
<nav class="navbar navbar-expand-lg">
<a class="navbar-brand" href="#">
<img src="img/logo.png" alt="Site Logo" />
</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="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
Dropdown
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
</ul>
</div>
</nav>
</div><!-- cont -->
</header>
<div class="main-content">
<section class="hero">
<div class="container">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione suscipit quia alias, ut explicabo in unde minima molestiae iure, aut non dicta provident officia. Ex hic nam, aspernatur deleniti architecto.</p>
<br>
<br>
<a href="#" class="btn btn--brand">brand btn</a>
</div><!-- container -->
</section><!-- hero -->
<section class="home-main">
<div class="container">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime qui modi voluptatem, aut quidem cupiditate temporibus, rerum expedita voluptatibus voluptatum amet ad autem distinctio, reprehenderit corrupti consequuntur beatae repellat molestiae.</p>
</div><!-- container -->
</section><!-- home-main-top -->
</div><!-- main-content -->
<footer class="footer">
<div class="container">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. At qui modi corporis necessitatibus earum vitae excepturi iure. Officiis explicabo perspiciatis, ducimus hic, quidem nisi corporis. Dolorem totam, atque a enim.</p>
</div><!-- container -->
</footer>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/bootstrap-native-v4.min.js"></script>
<script src="js/dist/main.min.js"></script>
</body>
</html>