-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
180 lines (154 loc) · 6.38 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
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>LimonyLab</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Roboto', sans-serif;
margin: 0;
padding: 0;
background-color: #164556;
color: white;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
text-align: center;
}
.top-menu {
width: 100%;
background-color: #164556;
text-align: center;
padding: 20px 0;
}
.logo {
font-size: 48px;
color: white;
position: relative;
}
.logo i {
position: absolute;
top: -15px;
left: calc(42.5% - 0px);
color: #a1cf8b;
font-size: 32px;
}
.motto {
color: white;
font-size: 18px;
margin-top: 10px;
}
.intro {
padding: 40px 20px;
}
.service-description {
padding: 40px 0;
background-color: rgba(255, 255, 255, 0.1);
margin: 40px 0;
}
.btn {
padding: 10px 20px;
border: none;
background-color: #a1cf8b;
color: #164556;
border-radius: 20px;
cursor: pointer;
transition: background-color 0.3s;
}
.btn:hover {
background-color: #8bbd77;
}
.contact-section {
display: flex;
justify-content: space-between;
padding: 40px 20px;
}
.team-card {
background-color: rgba(255, 255, 255, 0.1);
padding: 20px;
flex: 1;
margin: 0 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: transform 0.3s;
border-radius: 5px;
}
.team-card:hover {
transform: translateY(-10px);
}
.team-card img {
margin: 10px 0;
}
@media (max-width: 768px) {
.team-card {
flex: 0 0 100%;
margin: 10px 0;
}
}
#beater {
}
</style>
</head>
<body>
<div class="top-menu">
<div class="container">
<div class="logo">
Lımony<i class="fa-solid fa-leaf" id="beater"></i>Lab
</div>
<div class="motto">Your companion on the path to well-being and harmony</div>
</div>
</div>
<!-- <div class="intro container">
<p>Short introduction about the company...</p>
</div> -->
<div class="service-description">
<div class="container" style="text-align: left;">
<h1>🍋 LimonyLab: Your companion on the path to well-being and harmony</h1>
<hr>
<h3>🌱 Discover a New Approach to Health</h3>
<p>Discover a new approach to leading a healthier life and finding balance with <strong>LimonyLab</strong>. Our platform guides you towards improved well-being and a harmonious lifestyle within the corporate world.</p>
<hr>
<h3>🎯 Personalized Health Plans Just for You</h3>
<p>Using our advanced algorithm, we create personalized health plans that target your specific needs, ensuring a preventative approach to maintaining good health. But it doesn't end there – our dedicated coaching support is here to assist you along the way, providing individualized guidance and motivation.</p>
<hr>
<h3>🌟 Our Commitment</h3>
<p>At <strong>LimonyLab</strong>, we're committed to reshaping the landscape of corporate health, one personalized plan at a time. Join us on this journey towards a healthier, more fulfilling life.</p>
<hr>
<h2>🤖 Introducing LimonyLab Assistant: Your On-Demand Personalized Wellness Companion</h2>
<hr>
<h3>🌟 Welcome to a Healthier You</h3>
<p>Welcome to <strong>LimonyLab Assistant</strong>, a tailored platform designed to provide your employees with individualized mental and physical support whenever they need it. Our goal is to assist you in pursuing a healthier lifestyle and maintaining an easy connection with your dedicated health coach.</p>
<hr>
<h3>📋 Personalized Recommendations</h3>
<p>Experience the convenience of receiving personalized recommendations that are specifically curated to enhance your well-being. With <strong>LimonyLab Assistant</strong>, you're never alone on your wellness journey – stay connected with your health coach at your convenience.</p>
<hr>
<h3>💪 Empower Your Health</h3>
<p>Empower yourself with valuable performance feedback that boosts your confidence and helps you towards your goals. <strong>LimonyLab Assistant</strong> serves as your partner in preventing prevalent health conditions such as cardiovascular diseases, diabetes, high blood pressure, and obesity.</p>
<hr>
<button class="btn">Go to Application</button>
</div>
</div>
<div class="contact-section container">
<div class="team-card">
<img src="img/lidija.jpg" alt="Lidija Krakic">
<h3>Lidija Krakic</h3>
<p>Co-Founder</p>
<p>Lidija holds a bachelor's degree in Sport Science, as well as Business Economics and Project Planning. Lidija manages business development and maintains close relationships with customers, investors and partners. </p>
<p>070-786 99 39</p>
<p>[email protected]</p>
</div>
<div class="team-card">
<img src="img/mojtaba.jpg" alt="Mojtaba Eshghie">
<h3>Mojtaba Eshghie</h3>
<p>Co-Founder</p>
<p>Mojtaba is a PhD candidate at Theoretical Computer Science division of KTH Royal Institute of Technology. Mojtaba leads the technical aspect of product development. Programming to bring our vision to life as well as developing our AI and machine learning systems. </p>
<p>073-946 61 21</p>
<p>[email protected]</p>
</div>
</div>
</body>
</html>