-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
70 lines (66 loc) · 2.95 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"></script>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l"
crossorigin="anonymous"
/>
<title>Learn Git and Github tomorrow</title>
</head>
<body class="bg-dark">
<header id="page-hero" class=" d-flex flex-column align-content-between">
<nav class="site-nav family-sans navbar navbar-expand-md bg-dark navbar-dark">
<div class="container-fluid">
<button
type="button"
class="navbar-toggler"
data-toggle="collapse"
data-target="#myTogglerNav"
aria-controls="myTogglerNav"
aria-label="Toggle Navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand text-uppercase" href="#page-hero"><a class="navbar-brand text-uppercase" href="index.html">Layout</a>
<div class="collapse navbar-collapse" id="myTogglerNav">
<div class="navbar-nav ml-auto font-weight-regular text-uppercase">
<a class="nav-item nav-link text-white" href="index.html">home</a>
<a class="nav-item nav-link" href="columns.html">columns</a>
<a class="nav-item nav-link" href="media.html">Change in media</a>
</div>
</div>
</div>
</nav>
<section class="jumbotron jumbotron-fluid d-flex align-items-center text-reverse">
<div class="container text-center">
<div class="row justify-content-center">
<div class="col-11 col-sm-10 col-md-8 animated fadeInUp">
<h3 class="text-reverse">Introduction</h3>
<p class="lead">
Learn to build layouts using the grid, flex or utility classes with these layout components. Each component is wrapped in an
individual section class so you can copy, paste and customize them into your own layouts.
</p>
<a class="btn btn-outline-dark" href="columns.html">Columns</a>
<a class="btn btn-outline-dark" href="media.html">Media</a>
</div>
</div>
</div>
</section>
</header>
<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/js/bootstrap.bundle.min.js"
integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns"
crossorigin="anonymous"
></script>
</body>
</html>