-
Notifications
You must be signed in to change notification settings - Fork 3
/
about.html
135 lines (128 loc) · 6.31 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Wine & Dine</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css">
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css"> -->
<link rel="stylesheet" href="./assets/css/styles.css"> <!-- You can add your custom styles here -->
</head>
<body data-theme="dark">
<header class="navbar">
<div class="container">
<div class="navbar-brand">
<a class="navbar-item" href="index.html">
<img class="logo" src="./assets/images/Wine-and-Dine.png" alt="Logo" />
</a>
<span class="navbar-burger" data-target="navbarMenuHeroC">
<span></span>
<span></span>
<span></span>
<span></span>
</span>
</div>
<div id="navbarMenuHeroC" class="navbar-menu">
<div class="navbar-end">
<span class="navbar-item">
<a href="index.html"><button class="button is-danger">Get Started</button></a>
</span>
<!-- <a class="navbar-item has-text-white-bis" href="#cocktails">Drink Generator</a> -->
</div>
</div>
</div>
</header>
<main class="section has-background-danger-05">
<h1 class="heading has-text-centered title is-1">About Us</h1>
<div class="container">
<section id="overview" class="content">
<h2>Overview</h2>
<p>Welcome to Wine & Dine, your ultimate companion for discovering fine wines and dining experiences. Our app is designed to elevate your culinary adventures by providing curated recommendations, personalized suggestions, and a seamless booking experience.</p>
</section>
<section id="mission" class="content">
<h2>Our Mission</h2>
<p>At Wine & Dine, we believe that great meals are not just about food – they're about creating memorable experiences. Our mission is to connect wine enthusiasts and foodies with top-rated restaurants, wineries, and culinary events, fostering a community of passionate gastronomes.</p>
</section>
<section id="team" class="content">
<h2>Meet the Team</h2>
<div class="columns is-multiline">
<div class="column">
<div class="card">
<div class="card-image">
<figure class="image is-4by3">
<img src="./assets/images/drink-1.png" alt="VIN">
</figure>
</div>
<div class="card-content">
<div class="media">
<div class="media-content">
<p class="title is-4">VINCENT</p>
<p class="subtitle is-6">Co-Founder & CEO</p>
</div>
</div>
</div>
</div>
</div>
<div class="column">
<div class="card">
<div class="card-image">
<figure class="image is-4by3">
<img src="./assets/images/drink-2.png" alt="MIRSAD">
</figure>
</div>
<div class="card-content">
<div class="media">
<div class="media-content">
<p class="title is-4">MIRSAD</p>
<p class="subtitle is-6">Co-Founder & CTO</p>
</div>
</div>
</div>
</div>
</div>
<div class="column">
<div class="card">
<div class="card-image">
<figure class="image is-4by3">
<img src="./assets/images/drink-4.png" alt="WES">
</figure>
</div>
<div class="card-content">
<div class="media">
<div class="media-content">
<p class="title is-4">WESLEY</p>
<p class="subtitle is-6">Lead Developer</p>
</div>
</div>
</div>
</div>
</div>
<div class="column">
<div class="card">
<div class="card-image">
<figure class="image is-4by3">
<img src="./assets/images/drink-3.png" alt="ANTHONY">
</figure>
</div>
<div class="card-content">
<div class="media">
<div class="media-content">
<p class="title is-4">ANTHONY</p>
<p class="subtitle is-6">Marketing Director</p>
</div>
</div>
</div>
</div>
</div>
<!-- Add more team members as needed -->
</div>
</section>
</div>
</main>
<footer class="footer is-flex is-justify-content-space-between">
<p>© 2024 Rutgers Coding Bootcamp</p>
<img class="logo" src="./assets/images/Wine-and-Dine.png" alt="Logo" />
<p>Wesley, Vinny, Mirsad, and Anthony P.</p>
</footer>
</body>
</html>