-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
129 lines (123 loc) · 4.68 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
<!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>About || Final</title>
<!-- favicon -->
<link rel="shortcut icon" href="./assets/favicon.ico" type="image/x-icon" />
<!-- normalize -->
<link rel="stylesheet" href="./css/normalize.css" />
<!-- font-awesome -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"
/>
<!-- main css -->
<link rel="stylesheet" href="./css/main.css" />
</head>
<body>
<body style="background-color:peachpuff;"></body>
<!-- nav -->
<nav class="navbar">
<div class="nav-center">
<div class="nav-header">
<a href="index.html" class="nav-logo">
<img src="./assets/logo.svg" alt="simply recipes" />
</a>
<button class="nav-btn btn">
<i class="fas fa-align-justify"></i>
</button>
</div>
<div class="nav-links">
<a href="index.html" class="nav-link"> Home </a>
<a href="about.html" class="nav-link"> About </a>
<a href="tags.html" class="nav-link"> Filters </a>
<a href="recipes.html" class="nav-link"> CookBook </a>
<div class="nav-link contact-link">
<a href="contact.html" class="btn"> contact </a>
</div>
</div>
</div>
</nav>
<!-- end of nav -->
<main class="page">
<section class="about-page">
<article>
<h2>Craving something but not sure what to eat?</h2>
<p style="color:rgba(110, 22, 7, 0.63)">
Well, you are just where you needed to be.
</p>
<p style="color:rgba(110, 77, 7, 0.63)">
CRAVINGS HUB is a one-stop food place to help women all over the world get a better food suggestion for the kind of cravings they have during monthly menstrual cycle, because getting through the menstrual cycle itself is exhausting and food should never be an issue. The objective is to help ladies eat what they want while being healthy. As a result, the food choices would also contain the calorie value of the total recipe, allowing one to consume a satisfying meal without worrying about overeating while remaining healthy.
</p>
</article>
<img
src="./assets/4.jpg"
alt="Strawberries Bowl"
class="img about-img"
/>
</section>
<section class="team-section">
<h5 class="team-title">Meet The Team</h5>
<!--Team section container-->
<div class="container">
<!--Team 1-->
<div class="our-team">
<div class="pic">
<img src="./assets/Team1.jpeg" alt="img">
</div>
<div class="team-content">
<h3 class="title">Shirin Shaik</h3>
<span class="post">Computer Science Graduate Student</span>
</div>
<ul class="social">
<li><a href="#" class="fab fa-github"></a></li>
<li><a href="#" class="fab fa-instagram"></a></li>
<li><a href="#" class="fab fa-linkedin"></a></li>
</ul>
</div>
<!--Team 2-->
<div class="our-team">
<div class="pic">
<img src="./assets/Team2.jpeg" alt="img">
</div>
<div class="team-content">
<h3 class="title">Shaik Juveria</h3>
<span class="post">Computer Science Graduate Student</span>
</div>
<ul class="social">
<li><a href="#" class="fab fa-github"></a></li>
<li><a href="#" class="fab fa-instagram"></a></li>
<li><a href="#" class="fab fa-linkedin"></a></li>
</ul>
</div>
<!--Team 3-->
<div class="our-team">
<div class="pic">
<img src="./assets/Team3.jpeg" alt="img">
</div>
<div class="team-content">
<h3 class="title">Venkata Swetha Punati</h3>
<span class="post">Computer Science Graduate Student</span>
</div>
<ul class="social">
<li><a href="#" class="fab fa-github"></a></li>
<li><a href="#" class="fab fa-instagram"></a></li>
<li><a href="#" class="fab fa-linkedin"></a></li>
</ul>
</div>
</div>
</section>
</main>
<!-- footer -->
<footer class="page-footer">
<p>
© <span id="date"></span>
<span class="footer-logo">CravingsHub</span>
</p>
</footer>
<script src="./js/app.js"></script>
</body>
</html>