-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
165 lines (153 loc) · 7.47 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
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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
<!DOCTYPE html>
<html lang="en" dir="ltr">
<!-- Bootstrap link Link-->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<!-- CSS Link-->
<link rel="stylesheet" href="css/styles.css">
<!-- Java Link-->
<link rel="stylesheet" href="main.js">
<!-- Font Link-->
<script src="https://kit.fontawesome.com/aa76106a51.js" crossorigin="anonymous"></script>
<!-- Java Bootstrap-->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<head>
<meta charset="utf-8">
<title>EatMeBaby</title>
</head>
<body>
<!-- Navigation Bar-->
<nav class="navbar bg-light navbar-expand-lg navbar-light">
<img src="images\bake2-removebg-preview.png" alt="" class="logo">
<a class="navbar-brand" href="">EatMeBaby</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="">Add A Recipe</a>
</li>
<li class="nav-item">
<a class="nav-link" href="">Log In</a>
</li>
<li class="nav-item">
<a class="nav-link" href="">Registar</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Top container-->
<div class="container top-container">
<div class="row row-cols-3">
<div class="col-lg-4 col-md-8 col-12 damn">
<h1>About Us</h1> <br>
<h4>EatMeBaby Platform will help you make the best of what your friege has to offer. <br> With our consistent new recepies and simple instructions, You will start learning how to cook and make intresting meals or Midnight Snacks !</h4>
</div>
<div class="col-lg-4 col-md-8 col-12">
<h2 class="reg">Download our App</h2>
<button type="button" class="btn btn-dark btn-lg firstbtn" name="button"><i class="fab fa-apple"></i> Download</button>
<button type="button" class="btn btn-light btn-lg " name="button"><i class="fab fa-google-play"></i> Download</button>
</div>
<img src="images\imgbin.jpg" class="img2" alt="">
</div>
</div>
<!-- Step Section-->
<div class="jumbotron">
<div class="row">
<div class="col-lg-3">
<h2><i class="fas fa-user-check"></i> Step 1</h2>
<h6><strong>Sign up or Log in !</strong> <br> <br>This will help us remember your preferences, our algorithm will customize and remember what groceries you have. You will be able to look at your previous meals and see how better you got at
cooking! Being a member will also get you discounts on groceries packs and we will let you know about new recepies that fits your profile.</h6>
</div>
<div class="col-lg-3">
<h2><i class="fas fa-cookie"></i> Step 2</h2>
<h6><strong>Tell us what groceries you have !</strong><br><br>You easly pick what groceries you have in your kitchen and trust us, We will show you <strong>EVERYTHING</strong> you can cook ! </h6>
</div>
<div class="col-lg-3">
<h2><i class="fas fa-hamburger"></i> Step 3</h2>
<h6><strong>Choose what you are craving for !</strong><br><br> We will compose recipes out of what you have at home ! all you left to do is choose a recepie and follow our instructions. </h6>
</div>
<div class="col-lg-3">
<h2><i class="fab fa-instagram"></i></i> Step 4</h2>
<h6><strong>Let everyone know !</strong><br><br> Post your delicous meals and brand new cooking skills online ! <br> this will also get you EatMe Points, you can use them to get discounts on our products. </h6>
</div>
</div>
</div>
<!-- why use us section-->
<div class="container">
<h1 class="aligns">Why use EatMeBaby ?</h1>
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner row">
<div class="carousel-item active row-lg-3">
<h2>We are <strong class="reco">Green</strong> !</h2>
<h6>EatMeBaby platform uses only products you have <br> We support using what we have and stop <br> the phenomenan of over consumption.</h6>
<img src="images\green.png" class="green" alt="">
</div>
<div class="carousel-item">
<h2>It's easy to use !</h2>
<h6>All you have to do is tell us what products you have. <br> In no time you will have lots of options, You only left to choose.</h6>
</div>
<div class="carousel-item">
<h1>you</h1>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev" >
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
<!-- Footer-->
<footer class="page-footer jumbotron">
<div class="row">
<div class="col-md-6">
<ul class="list-inline">
<li>Contact Us</li>
<li>About Us</li>
<li>Add a Recipe</li>
</ul>
</div>
<div class="col-md-12 aligns pad">
<a class="fb-ic icons-color">
<i class="fab fa-facebook-f fa-lg white-text mr-md-5 mr-3 fa-2x"> </i>
</a>
<a class="tw-ic icons-color">
<i class="fab fa-twitter fa-lg white-text mr-md-5 mr-3 fa-2x"> </i>
</a>
<!-- Google +-->
<a class="gplus-ic icons-color">
<i class="fab fa-google-plus-g fa-lg white-text mr-md-5 mr-3 fa-2x"> </i>
</a>
<!--Linkedin -->
<a class="li-ic icons-color">
<i class="fab fa-linkedin-in fa-lg white-text mr-md-5 mr-3 fa-2x"> </i>
</a>
<!--Instagram-->
<a class="ins-ic icons-color">
<i class="fab fa-instagram fa-lg white-text mr-md-5 mr-3 fa-2x"> </i>
</a>
<!--Pinterest-->
<a class="pin-ic icons-color">
<i class="fab fa-pinterest fa-lg white-text fa-2x"> </i>
</a>
</div>
</div>
</div>
<div class="footer-copyright text-center py-3">© 2020 Copyright:
<a> Dor Amar</a>
</div>
</footer>
</body>
</html>