-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
130 lines (124 loc) · 4.46 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
<!DOCTYPE html>
<html>
<head>
<title>Lets All Chef</title>
<meta charset="UTF-8">
<meta name="theme-color" content="#07E">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.1/semantic.min.css">
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<div id="main-header" class="ui vertical masthead center aligned segment">
<div class="ui container">
<div class="ui large secondary inverted menu">
<a href="/" class="active item">Lets All Chef</a>
<a href="/docs/api/recipes" class="item">Recipes</a>
<a href="/docs/api/restaurants" class="item">Restaurants</a>
<a href="/docs/api/stores" class="item">Stores</a>
<a href="#" class="item">Shopping</a>
<div class="right item">
<a href="#" class="ui inverted basic white button">Log in</a>
<a href="#" class="ui inverted basic white button">Sign Up</a>
</div>
</div>
</div>
<div class="ui text container" id="title-and-tagline">
<img src="assets/img/logo.png" class="logo" alt="LetsAllChef Logo" width="100" height="100">
<h1 class="ui inverted header">Lets All Chef</h1>
<h2>Now it's your turn to cook !</h2>
<a href="/docs" class="ui huge basic inverted white button" id="get-cooking">View Documentation <i class="right arrow icon"></i></a>
</div>
</div>
<div class="ui vertical stripe segment">
<div class="ui middle aligned stackable grid container">
<div class="row">
<div class="eight wide column">
<h3 class="ui header">Smart Companion for Home Cooks and Professional Chefs.</h3>
<p>Your perfect companion for food. It's a food service platform that suggests, orders and guides you to make recipes.</p>
<h3 class="ui header">Recipes That You Will Love</h3>
<p>Organize your recipes, create cookbooks, manage health and diet, & accomplish more in the kitchen with what you have.</p>
</div>
<div class="six wide right floated column">
<img src="assets/img/cook-fish-cut.jpg" class="ui large bordered rounded image">
</div>
</div>
<div class="row">
<div class="center aligned column">
<a href="#" class="ui huge button">Check Them Out</a>
</div>
</div>
</div>
</div>
<div class="ui vertical stripe quote segment">
<div class="ui equal width stackable internally celled grid">
<div class="center aligned row">
<div class="column">
<h3>"What a Recipe"</h3>
<p>That is what they all say about it</p>
</div>
<div class="column">
<h3>"They took recipes to a whole new level !"</h3>
<p>
<img src="assets/img/afnas-muhammed.jpg" class="ui avatar image"> <b>Afnas</b> - Captian Chef @ Golden Fork
</p>
</div>
</div>
</div>
</div>
<footer class="ui inverted vertical footer segment">
<div class="ui container">
<div class="ui stackable inverted divided equal height stackable grid">
<div class="three wide column">
<h4 class="ui inverted header">About</h4>
<div class="ui inverted link list">
<a href="#" class="item">About Lets All Chef</a>
<a href="#" class="item">Developers</a>
<a href="#" class="item">Contact Us</a>
<a href="http://letsallchef.github.io/docs" class="item">Documentation</a>
<a href="http://letsallchef.github.io/docs/api" class="item">API</a>
</div>
</div>
<div class="three wide column">
<h4 class="ui inverted header">Services</h4>
<div class="ui inverted link list">
<a href="#" class="item">Restaurants</a>
<a href="#" class="item">Stores</a>
<a href="#" class="item">Recipes</a>
<a href="#" class="item">Press</a>
</div>
</div>
<div class="seven wide column">
<h4 class="ui inverted header">About Us</h4>
<p>Your perfect companion for food. It's a food service platform that suggests, orders and guides you to make recipes.</p>
</div>
</div>
</div>
</footer>
<script src="{{ site.baseurl }}/assets/js/jquery-3.1.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/semantic-ui/2.2.1/semantic.min.js"></script>
<script>
$('.ui.rating')
.rating();
$('#main-nav-menu .ui.dropdown')
.dropdown({
on: 'hover'
});
</script>
<script>
$(document)
.ready(function() {
$('.masthead')
.visibility({
once: false,
onBottomPassed: function() {
$('.fixed.menu').transition('fade in');
},
onBottomPassedReverse: function() {
$('.fixed.menu').transition('fade out');
}
});
});
</script>
</body>
</html>