-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
192 lines (163 loc) · 7.67 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
181
182
183
184
185
186
187
188
189
190
191
192
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<title>BirthdayHub</title>
<link rel="icon" type="image/png" href="assets/img/bh-brand-logo.png">
<link type="text/css" rel="stylesheet" href="assets/css/style.css"/>
<link type="text/css" rel="stylesheet" href="assets/css/fonts.css"/>
<link type="text/css" rel="stylesheet" href="assets/css/responsive.css"/>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css">
<script type="text/javascript" src="assets/js/jquery-1.8.2.js"></script>
<script type="text/javascript" src="assets/js/script.js"></script>
</head>
<body>
<div id="main_wrapper">
<div class="hm_pg_wrap" style="background-image: url(assets/img/bg1.png)">
<div class="header clearfix">
<div class="hdr">
<div class="b_logo">
<a href="index.html">
<img src="assets/img/bh-brand-logo.png"/>
</a>
</div>
<div class="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="faq.html">Faq</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="#download">Download App</a></li>
</ul>
</div>
</div>
</div>
<div class="banner clearfix">
<div class="bnr_photo">
<img src="media/bg3.png"/>
</div>
<div class="bnr_caption">
<div class="major_caption">Buy the perfect memory for that special someone...</div>
<div class="minor_caption">Birthday Hub helps unite families, cultivate better relationships.</div>
<div class="btn_actions">
<button class="c_bg"><a href="#download">Get Started</a></button>
<button class="l_bg"><a href="about.html">Learn More</a></button>
</div>
</div>
</div>
</div>
<div class="section">
<div class="inner_wrap">
<div class="section_hd centre">Amazing Features</div>
<div class="feature_wrap clearfix">
<div class="feature_hld">
<div class="icon_photo">
<img src="assets/img/calendar.png"/>
</div>
<div class="feature_title">Note special celebrations</div>
<div class="feature_detail">Birthdays are a special occasion for everyone, celebrating their life and success by smashing the delicious cake.</div>
</div>
<div class="feature_hld">
<div class="icon_photo">
<img src="assets/img/alarm-clock.png"/>
</div>
<div class="feature_title">Set occasion reminders</div>
<div class="feature_detail">While there are rarely a few friends who wish on our birthdays without forgetting, many just forget straight on your face.</div>
</div>
<div class="feature_hld">
<div class="icon_photo">
<img src="assets/img/friends.png"/>
</div>
<div class="feature_title">Connect With Loved ones</div>
<div class="feature_detail">On such a special occasion everyone wants to be wished by their loved ones.</div>
</div>
<div class="feature_hld">
<div class="icon_photo">
<img src="assets/img/gift.png"/>
</div>
<div class="feature_title">Awesome gift ideas</div>
<div class="feature_detail">Never run out of ideas of amazing gifts for your loved ones on their special occasions.</div>
</div>
</div>
</div>
</div>
<div class="section rd_pad grey_sec">
<div class="inner_wrap">
<div class="mid_photo">
<img src="media/web-banners-02.png"/>
</div>
<div class="app_function">
<div class="section_hd left_pd">How to use the app</div>
<div class="function_wrap">
<div class="function_hld">
<div class="no">1</div>
<div class="function">Download the app from google playstore on android or app store on ios.</div>
</div>
<div class="function_hld">
<div class="no">2</div>
<div class="function">Sign up to have your personal account.</div>
</div>
<div class="function_hld">
<div class="no">3</div>
<div class="function">Sync friend list on app with contact list and note important occasions for them.</div>
</div>
<div class="function_hld">
<div class="no">4</div>
<div class="function">Get reminders when its the birthday or anniversary of a loved one.</div>
</div>
</div>
</div>
</div>
</div>
<div class="section mid_sec">
<div class="inner_wrap">
<div class="sec_det">
<div class="section_hd">Remove Anxieties</div>
<p>One in three people forgets their partner’s birthday every year. This has caused needless pain, friction, and anxiety in
many loving relationships.</p>
<p>Keep your loved ones closer. Give yourself the gift of convenience with Birthday Hub’s birthday solutions.</p>
</div>
<div class="sec_det">
<div class="section_hd">Build bridges, not walls</div>
<p>Birthdays humanize us like nothing else can. And memorializing the special days of family, friends, and colleagues brings
us even closer. Create new bonds and memories today. Make one celebrant feel loved, appreciated, and worthy of association with
a Birthday Hub service.</p>
</div>
</div>
</div>
<div id="download" class="section rd_pad">
<div class="download_section">
<div class="curves"></div>
<div class="download_pre">App is available for free on <br/> Google Play & App Store</div>
<div class="download_tag">Celebrate friends. Share special experiences. Create lasting memories.</div>
<div class="btn_actions">
<div class="cta"><a href=""><span class="fab fa-apple"></span>App Store</a></div>
<div class="cta"><a href=""><span class="fab fa-google-play"></span>Google Play</a></div>
</div>
</div>
</div>
<div class="footer clearfix">
<div class="inner_wrap">
<div class="col">
<p><a href="#">[email protected]</a></p>
<div class="ft_nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="faq.html">Faq</a></li>
<li><a href="blog.html">Blog</a></li>
</ul>
</div>
</div>
<div class="col">
<p>Copyright © 2021. Birthday Hub. <br/>All rights reserved.</p>
</div>
<a href="#" id="scroll" class="scroll-top">
<i class="fas fa-arrow-up" aria-hidden="true"></i>
<span>top</span>
</a>
</div>
</div>
</div>
</body>
</html>