-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
98 lines (89 loc) · 3.62 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Together Vegan - About</title>
<link
href="https://fonts.googleapis.com/css?family=Stint+Ultra+Expanded"
rel="stylesheet"
/>
<link rel = "icon" href = "images/logo.png" type = "image/x-icon">
<style>
@import url(aboutstyle.css);
</style>
</head>
<body>
<!-- Logo -->
<div id="container">
<header>
<nav>
<div class="logo">
<h4><a href="index.html">
<img src="images/logo.png" alt="Together Vegan Logo" />
</a></h4>
</div>
<!-- Navigation menu bar -->
<ul class="nav-links">
<li><a href="index.html">Home</a></li>
<li><a href="deliveries.html">Deliveries</a></li>
<li><a href="reservations.html">Reservations</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="about.html">About</a></li>
</ul>
<!-- Lines animated -->
<div class="lines">
<div class="line1"></div>
<div class="line2"></div>
<div class="line3"></div>
</div>
</nav>
</header>
<main>
<!-- Images Animation -->
<div class="content"></div>
<video controls>
<source src="videos/video.mp4" type="video/mp4">
</video>
<!-- Restaurant's Story -->
<center>
<div class="story">
<h1>Restaurant's Story:</h1>
<svg width="100%" height="3px">
<rect
width="100%"
height="2px"
style="fill: rgb(18, 61, 44); stroke-width: 10; stroke: rgb(18, 61, 44)"
/>
</svg>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem optio laborum suscipit rerum? Molestiae accusantium libero asperiores nulla blanditiis debitis facilis voluptatem veritatis illum eum dolore iusto voluptatibus sequi quas vel aperiam laborum autem tempore cupiditate, animi quo velit amet quidem! Inventore eaque autem est animi exercitationem rerum eos praesentium totam quis deserunt obcaecati necessitatibus nam earum delectus similique, officiis provident numquam deleniti laboriosam molestias libero. Laudantium, molestias? Id laboriosam atque reprehenderit vel illum assumenda!
</p>
</div>
</center>
</main>
<!-- Social Media Links -->
<div class="wrapping">
<div><a href="https://www.facebook.com/eusebiu.tamas.391" class="icon facebook">
<div class="tooltip">Facebook</div>
<img src="images/facebook2.png" alt="" srcset="">
</a></div>
<div><a href="https://twitter.com/seb_tamas" class="icon twitter">
<div class="tooltip">Twitter</div>
<img src="images/twitter2.png" alt="" srcset="">
</a></div>
<div><a href="https://www.instagram.com/doyouvisualise/" class="icon instagram">
<div class="tooltip">Instagram</div>
<img src="images/instagram2.png" alt="" srcset="">
</a></div>
<div><a href="https://www.linkedin.com/in/eusebiu-tamas-21294b184/" class="icon linkedin">
<div class="tooltip">LinkedIn</div>
<img src="images/linkedin2.png" alt="" srcset="">
</a></div>
</div>
<footer>
<p>All content copyright © 2022, Together Vegan.</p>
</footer>
<script src="aboutapp.js"></script>
</body>
</html>