-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
100 lines (92 loc) · 5.38 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet">
<link href="css/about_style.css" rel="stylesheet">
<link rel="shortcut icon" type="image/png" href="img/burger.png"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css"/>
<meta content="width=device-width, initial-scale=1" name="viewport" />
<title>a hamburger place</title>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light">
<a class="navbar-brand text-white" href="index.html">a hamburger place</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo01"
aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon" style="filter: invert(100%);"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo01">
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
<li class="nav-item">
<a class="nav-link text-white-50" href="index.html">Home</a>
</li>
<li class="nav-item active">
<a class="nav-link text-white" href="about.html">About us<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link text-white-50" href="menu.html">Menu</a>
</li>
<li class="nav-item">
<a class="nav-link text-white-50" href="book.html">Book a table</a>
</li>
</ul>
</div>
</nav>
<div class="content">
<div class="text-content-1">
<img src="img/about1.webp" id="first-image" alt="Photo of a hamburger with fries" class="animate__animated animate__fadeIn animate__fast">
<div class="text">
<h1 id="first-title" class="animate__animated animate__fadeIn animate__slow">Lorem ipsum dolor sit amet, consectetur adipiscing</h1>
<p id="first-paragraph" class="animate__animated animate__fadeIn animate__slower">In consectetur elit sed mauris mollis, sit amet egestas lorem imperdiet. Mauris nec
porta nulla. Nam
venenatis
mauris quis nibh fermentum, iaculis interdum
lectus viverra. Mauris venenatis tortor ac lacus dapibus, id vehicula dolor aliquam. Etiam finibus magna vitae
tortor auctor ultrices. Aenean mattis, lectus at
egestas pretium, dolor nisi laoreet purus, in pellentesque sem justo eget nulla. Aenean elit justo, tristique
nec
sem vel, bibendum molestie ligula.</br></br>
Phasellus auctor nec justo eget laoreet. Duis consectetur lorem egestas lorem malesuada, at convallis mauris
scelerisque. Nam aliquet, eros sed semper mattis,
tellus dolor suscipit massa, nec dapibus arcu leo et magna. Duis ut tincidunt tortor. Morbi lobortis eros
vitae
lacus hendrerit fermentum vel volutpat lectus.
Nunc dignissim, arcu vitae molestie vehicula, ligula tellus fermentum leo, eget dictum mauris ipsum convallis
velit.
Integer vulputate volutpat purus posuere
volutpat. Vivamus hendrerit justo quis hendrerit lacinia.</p>
</div>
</div>
<div class="text-content-2">
<img src="img/about2.webp" id="second-image" alt="Photo of two hamburgers" class="animate__animated animate__fadeIn animate__fast">
<div class="text">
<h1 id="second-title" class="animate__animated animate__fadeIn animate__slow">Morbi elementum ipsum vitae fermentum cursus</h1>
<p id="second-paragraph" class="animate__animated animate__fadeIn animate__slower">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam quis sagittis lectus.
Donec aliquet ligula et eleifend mattis. Mauris luctus condimentum nisl
at egestas. Suspendisse egestas sem sed metus accumsan semper. Donec nec porttitor diam. Donec nisl tortor,
consectetur vitae dolor sit amet, finibus suscipit
lacus.
Sed at velit ligula. Integer pellentesque rhoncus ligula, et suscipit sem tincidunt commodo. Maecenas sit amet
consectetur nunc. Vestibulum lobortis pulvinar erat
at porta. Donec in scelerisque justo. Cras in odio velit.</br></br>
Cras hendrerit varius ornare. In hac habitasse platea dictumst. Cras tempus metus eu dui volutpat
dictum. Ut
vitae mauris sed velit hendrerit sollicitudin.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eu pellentesque justo. Nullam auctor eu eros
sed molestie. Vestibulum pretium interdum lacus ut vestibulum. Duis eleifend luctus pellentesque. Aliquam erat
volutpat.
In tortor velit, vestibulum congue purus vitae, suscipit ultricies massa. </p>
</div>
</div>
</div>
<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-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous">
</script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"
integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous">
</script>
</body>
</html>