-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
173 lines (129 loc) · 5.8 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>iCare App.</title>
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,900" rel="stylesheet">
<!-- Font Awesome -->
<!-- Bootstrap CDN and external CSS -->
</head>
<body>
<!-- Main Section -->
<section id="main">
<div class="container">
<!-- Navbar Here -->
</div>
<div class="">
<div class="">
<div class="">
<h1>Take care of your health with iCare</h1>
</div>
<div class="">
<img src="./image/iphone-mock.png" class="ml-5 iphone-mock" width="300" alt="">
</div>
</div>
</div>
</div>
</section>
<!-- Overview Section -->
<section id="overview">
<h2 class="">Overview</h2>
<div class="">
<div class="">
<div class=""></i>
<h3>Health</h3>
<p>We stay on top of the current trend and always stay ahead of your health needs</p></div>
<div class=""></i>
<h3>Fully Customizable</h3>
<p>Apps are fully Customizable to your health and Our Talented Doctors will be with you in every step of the way</p>
</div>
<div class=""></i>
<h3>24/7 Support</h3>
<p>We provide 24/7 support with our Amazing Customer Service Team</p>
</div>
</section>
<!-- Testimonial Section -->
<section id="testimonials">
<h2 class="">Testimonials</h2>
<div class="">
<div class="">
<!-- Carousel Here -->
<div class=" active">
<h3>Highly Recommend iCare App. They Built an amazing App to facilitate my job!</h3>
<p class="">-- Dr. Gregory House</p>
</div>
<div class="">
<h3>Everyone in the Team were very attentive to my needs and went up and beyond </h3>
<p class="">-- Dr. James Wilson</p>
</div>
<div class="">
<h3>They made a Beautiful App that organize patient's appointment</h3>
<p class="">-- Dr. Lisa Cuddy, Director</p>
</div>
<div class="">
<h3>I can easily find a doctor near to me, I really apperciate you guys! </h3>
<p class="">-- Customer. Aymane Benhima</p>
</div>
</div>
</div>
</section>
<!-- Pricing Section -->
<section id="pricing">
<h2 class="">Pricing</h2>
<div class="">
<div class="">
<div class="">
<div class="">
<div class="">
<h2 class="">Basic Plan</h2>
<h1 class="">Free</h1>
<p class="">3 Diagnostics</p>
<p class="">10 Consultations</p>
<p class="">3 Advices</p>
<button class="">Sign Up</button>
</div>
</div>
</div>
<div class="">
<div class="">
<div class="">
<h2 class="">Advance Plan</h2>
<h1 class="">$9.99/month</h1>
<p class="">10 Diagnostics</p>
<p class="">30 Consultations</p>
<p class="">5 Advices</p>
<button class="">Sign Up</button>
</div>
</div>
</div>
<div class="">
<div class="">
<div class="">
<h2 class="">Pro Plan</h2>
<h1 class="">$39.99/month</h1>
<p class="">Unlimited Diagnostics</p>
<p class="">Unlimited Consultations</p>
<p class="">Unlimited Advices</p>
<button class="">Sign Up</button>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Call to Action Section -->
<section id="cta">
<h1 class="">Take your health to the next level with us.</h1>
</section>
<!-- Footer -->
<section id="footer" class="">
</section>
<!-- Bootstrap's Javascript -->
<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.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</body>
</html>