Skip to content

Commit 54fe48e

Browse files
ankushbonamiankushbonami
committed
remote branch fix
0 parents  commit 54fe48e

18 files changed

+396
-0
lines changed

‎.gitignore

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
node_modules

‎css/bootstrap.min.css

+7
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/style.css

+149
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,149 @@
1+
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400&display=swap');
2+
*
3+
{
4+
margin: 0;
5+
padding: 0;
6+
box-sizing: border-box;
7+
font-family: 'Lato', sans-serif;
8+
scroll-behavior: smooth;
9+
}
10+
a{
11+
text-decoration: none !important;
12+
}
13+
body
14+
{
15+
min-height: 100vh;
16+
overflow-x: hidden;
17+
}
18+
ul{
19+
padding-left: 0px !important;
20+
}
21+
p{
22+
font-size: 14px;
23+
}
24+
/*unversal class*/
25+
.section-padding-1{
26+
padding: 30px 0;
27+
}
28+
/*end universal*/
29+
/*header*/
30+
31+
32+
33+
34+
35+
/*Driving growth through Gift Cards*/
36+
.driving-heading h2{
37+
font-size: 47.71px;
38+
margin-bottom: 20px;
39+
40+
}
41+
h6.sub-heading{
42+
font-size: 16px;
43+
font-weight: 500;
44+
font-family: Lato-Semibold, Lato;
45+
}
46+
.btn-outline-zenoti{
47+
color: #0078d4 !important;
48+
border-color: #0078d4 !important;
49+
border: 2px solid #0078d4 !important;
50+
border-radius: 7px !important;
51+
}
52+
.main-box .imgBox img{
53+
border-radius: 7px;
54+
}
55+
56+
.global{
57+
background-color: #ceefed;
58+
padding: 15px 20px;
59+
border-radius: 7px;
60+
font-size: 14px;
61+
color: #1C6357;
62+
}
63+
/*adult*/
64+
.adult-1{
65+
border: 2px solid #bf992c;
66+
border-radius: 10px;
67+
display: flex;
68+
align-items: flex-start;
69+
padding: 10px;
70+
}
71+
.adult-content h6.survey-heading {
72+
color: #BF992C;
73+
font-size: 23px;
74+
font-weight: 600;
75+
}
76+
77+
.adult-2{
78+
border: 2px solid #A3B53C;
79+
border-radius: 10px;
80+
display: flex;
81+
align-items: flex-start;
82+
padding: 10px;
83+
}
84+
.adult-content h6.survey-heading-2 {
85+
color: #A3B53C;
86+
font-size: 23px;
87+
font-weight: 600;
88+
}
89+
/*gift card*/
90+
91+
.new-green{
92+
background-color: #e8f4b5;
93+
padding: 65px 111px !important;
94+
border-radius: 10px;
95+
}
96+
.new-pink{
97+
background-color: #ffe1ca;
98+
padding: 65px 111px !important;
99+
border-radius: 10px;
100+
}
101+
.new-purple{
102+
background-color:#e3e0fc;
103+
padding: 65px 111px !important;
104+
border-radius: 10px;
105+
}
106+
.new-blue{
107+
background-color:#d0ebf7;
108+
padding: 65px 111px !important;
109+
border-radius: 10px;
110+
}
111+
.new-orange{
112+
background-color:#ffecca;
113+
padding: 65px 111px !important;
114+
border-radius: 10px;
115+
}
116+
117+
.main-3 h4{
118+
font-size: 14px;
119+
}
120+
/*sidebar*/
121+
.side-bar-heading{
122+
background-color: #000;
123+
color: #fff;
124+
padding: 10px;
125+
}
126+
.side-bar-heading h4{
127+
font-size: 13px;
128+
}
129+
.accordion-side .accordion-button:not(.collapsed){
130+
background: #0078d4 !important;
131+
color: #fff;
132+
}
133+
134+
135+
136+
/*next*/
137+
.btn-outline-bn{
138+
color: #5ac8c4 !important;
139+
border-color: #5ac8c4!important;
140+
border: 2px solid #5ac8c4!important;
141+
border-radius: 7px !important;
142+
}
143+
144+
145+
146+
147+
148+
149+

‎img/Group 26.png

2.76 KB
Loading

‎img/Group 27.png

1.13 KB
Loading

‎img/Group 28.png

2.8 KB
Loading

‎img/Group 29.png

3.01 KB
Loading

‎img/Group 31.png

2.96 KB
Loading

‎img/Group 32.png

2.3 KB
Loading

‎img/Group 35.png

2.97 KB
Loading

‎img/img-1.svg

+5
Loading

‎img/img-2.svg

+28
Loading

‎img/logo.png

1.3 KB
Loading

‎img/main-img.png

510 KB
Loading

‎img/university.png

1.97 KB
Loading

‎index.html

+195
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,195 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>Zenoti University</title>
6+
<link rel="stylesheet" type="text/css" href="css/style.css">
7+
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
8+
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css"/>
9+
</head>
10+
<body>
11+
<!-- header section -->
12+
<nav class="navbar navbar-expand-lg navbar-light bg-white px-3 py-3">
13+
<div class="container-fluid">
14+
<a class="navbar-brand" href="#">
15+
<img src="img/logo.png" class=" img-responsive" style="height:25px;">&nbsp;
16+
<img src="img/university.png" class="img-responsive" style="height:25px; margin-top: 5px;">
17+
</a>
18+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
19+
<span class="navbar-toggler-icon"></span>
20+
</button>
21+
22+
</div>
23+
</nav>
24+
<hr class="dropdown-divider m-0" style="border-color: #eee;">
25+
<!-- end Header -->
26+
27+
<!-- Driving growth through Gift Cards -->
28+
<section class="section-padding-1">
29+
<div class="container-fluid">
30+
<div class="row driving-heading px-1">
31+
<div class="col-sm-12 col-md-12 col-lg-8 col-xxl-8">
32+
<h2 ><strong>Driving growth through Gift Cards</strong></h2>
33+
</div>
34+
<div class="col-sm-12 col-md-12 col-lg-4 col-xxl-4 d-flex align-items-center justify-content-center">
35+
<button type="button" class="btn btn-outline-zenoti px-3 py-1 me-2"><i class="fas fa-upload "></i><span class="ms-3 me-2 border-end"></span> Share</button>
36+
<button type="button" class="btn btn-outline-zenoti px-3 py-1 me-2"><i class="far fa-bookmark"></i><span class="ms-3 me-2 border-end"></span> Bookmark</button>
37+
</div>
38+
</div>
39+
<div class="row">
40+
<div class="col-sm-12 col-md-12 col-lg-8 col-xxl-8 main-box">
41+
<!-- main-box -->
42+
<div class="main-img">
43+
<div class="imgBox">
44+
<img src="img/main-img.png" class="w-100 img-responsive">
45+
</div>
46+
<div class="main-content mt-3">
47+
<p style="font-size: 12px;">The global gift cards market size was valued at $619.25 billion in 2019, and is projected to reach $2,076.51 billion by 2027, growing at rate of 16.2% from 2020 to 2027 based on market trends, according to a recent report by Allied Marketing Research.The culture of gifting specific items has evolved over time towards buying gift cards to give the recipient more choice and flexibility. Businesses such as Starbucks, Target, Macys, Nordstrom’s and even grocery stores have leveraged this growing trend to successfully grow their revenues, brand awareness and customer base. In the past couple of decades, the internet has made it very convenient to send gift cards electronically to loved ones. With recent travel restrictions due to Covid, we have seen this drive even greater growth in gift card sales. The increasing availability of gift cards in fully digital formats where they can be sent, tracked and used online, has driven an increase in demand among consumers, including young adults, who conduct most of their transactions online</p>
48+
</div>
49+
<hr class="mt-4 mb-4" style="color: #ceefed; height: 1px;">
50+
</div>
51+
<!-- main-2 -->
52+
<div class="main-2">
53+
<h6 class="sub-heading mb-3"><b>Relevance in the Beauty and Wellness space</b></h6>
54+
<div class="global">
55+
<p class="mb-0"><strong>There is a global trend around people valuing "experiences" rather than “things”</strong></p>
56+
</div>
57+
<p class="mb-0 mt-3">Consumers, especially younger ones, are increasingly inclined towards experiences over material gifts.</p>
58+
<!-- adults section -->
59+
<div class="row">
60+
<p class=" mt-4">According to a survey conducted and shared by Eventbrite</p>
61+
<!-- column start -->
62+
<div class="col-sm-6 ">
63+
<div class="adult-1">
64+
<img src="img/Group 29.png" class="img-responsive mt-2">
65+
<div class="adult-content ms-3">
66+
<h6 class="survey-heading">63% of US adults</h6>
67+
<p>(ages 18 – 65+) would prefer to receive an experience gift than a material gift during the holiday season</p>
68+
</div>
69+
</div>
70+
</div>
71+
<div class="col-sm-6 gx-2">
72+
<div class="adult-2">
73+
<img src="img/Group 31.png" class="img-responsive mt-2">
74+
<div class="adult-content ms-3">
75+
<h6 class="survey-heading-2">3 out of 4 millenials</h6>
76+
<p>would rather spend their money on an experience than buy something desirable and this “experience generation” is now a third of the U.S. population.</p>
77+
</div>
78+
</div>
79+
</div>
80+
</div>
81+
<!-- column-end -->
82+
<div class="second-contact mt-4">
83+
<p> While experience can cover a broad range of activities, <b>beauty and wellness experiences are amongst the most meaningful experiences that can be accessed by people in a city at almost any time and within easy reach.</b> There is tremendous and growing interest in wellness and rejuvenation to combat the stresses and impact of everyday life, and there is a very significant opportunity for salons and spas to capture this market through gift cards. When your core business is around making people look and feel good, you are one of the best places for consumers to buy a gift of experience for their loved ones.</p>
84+
85+
<p><b>This growing trend in gifting beauty and wellness services is also validated when we look at our customer data.</b> We looked at our top 10 customers with a focused gift card program and found that their gift cards grew by XYZ percent over last few years, making up ABC% of their overall revenue. Clearly these gift cards are having a big impact on their overall revenue and profitability.</p>
86+
87+
<p><b>Gift cards can be brought to life with creative promotions and strategies that bring in new customers and make existing ones more satisfied. For example, when a salon offers a customer a bonus value or bonus gift card when they buy a gift card, they make the offer even more compelling. The gift receiver usually spends more than the value of gift card and gets exposed to more services or more high-end services, which makes it more likely that you will retain them. That makes the discount worthwhile. Such creative strategies have worked very well for our key customers and made gift cards a particularly important strategic tool for beauty and wellness busine</b></p>
88+
</div>
89+
<hr class="mt-4 mb-4" style="color: #ceefed; height: 1px;">
90+
</div>
91+
<!-- end main-2 -->
92+
<!-- main-3 -->
93+
<div class="main-3">
94+
<h6 class="sub-heading mb-3"><b>Why are gift cards important to your business?</b></h6>
95+
<p>When used to their full potential, gift cards can significantly increase profits and draw new customers to your center. How? By turning existing customers into brand loyalists and expanding the market through their influence</p>
96+
<div class="row px-2 ">
97+
<div class="col-sm-12 col-md-6 col-lg-6 col-xxl-6 mt-3">
98+
<div class="new-green gift-hover">
99+
<div class="third-card-img text-center">
100+
<img src="img/Group 26.png" class="img-responsive">
101+
</div>
102+
<h4 class="text-center mt-3"><b>Attract New Customers to Your Business</b></h4>
103+
</div>
104+
</div>
105+
<div class="col-sm-12 col-md-6 col-lg-6 col-xxl-6 mt-3">
106+
<div class="new-pink gift-hover">
107+
<div class="third-card-img text-center">
108+
<img src="img/img-2.svg" class="img-responsive">
109+
</div>
110+
<h4 class="text-center mt-3"><b>Generate Higher Revenues Per Visit</b></h4>
111+
</div>
112+
</div>
113+
<div class="col-sm-12 col-md-6 col-lg-6 col-xxl-6 mt-3">
114+
<div class="new-purple gift-hover">
115+
<div class="third-card-img text-center">
116+
<img src="img/Group 28.png" class="img-responsive">
117+
</div>
118+
<h4 class="text-center mt-3"><b>Grow Your Brand Awareness</b></h4>
119+
</div>
120+
</div>
121+
<div class="col-sm-12 col-md-6 col-lg-6 col-xxl-6 mt-3">
122+
<div class="new-blue gift-hover">
123+
<div class="third-card-img text-center">
124+
<img src="img/Group 35.png" class="img-responsive">
125+
</div>
126+
<h4 class="text-center mt-3"><b>Capture New Market Opportunities</b></h4>
127+
</div>
128+
</div>
129+
<div class="col-sm-12 col-md-6 col-lg-6 col-xxl-6 mt-3">
130+
<div class="new-orange gift-hover">
131+
<div class="third-card-img text-center">
132+
<img src="img/Group 32.png" class="img-responsive">
133+
</div>
134+
<h4 class="text-center mt-3"><b>Seize the Day and don’t be left out of a Growing</b></h4>
135+
</div>
136+
</div>
137+
</div>
138+
<hr class="mt-4 mb-4" style="color: #ceefed; height: 1px;">
139+
</div>
140+
<!-- end main-3 -->
141+
<!-- buttom -->
142+
<div class="row btn-next-prev mt-5">
143+
<div class="col-6">
144+
<button type="button" class="btn btn-outline-bn"><i class="fas fa-chevron-left me-4" style="font-size:13px;"> </i>back</button>
145+
</div>
146+
<div class="col-6 d-flex justify-content-end">
147+
<button type="button" class="btn btn-outline-bn active">Next <i class="fas fa-chevron-right ms-4" style="font-size:13px;"> </i></button>
148+
</div>
149+
</div>
150+
</div>
151+
<!-- sidebar -->
152+
<div class="col-sm-12 col-md-12 col-lg-4 col-xxl-4 mt-sm-5 mt-md-5 mt-lg-0 mt-xxl-0">
153+
<div class="side-bar-heading">
154+
<h4 class="mb-0">Course content 12 mins</h4>
155+
</div>
156+
<div class="your-progress mt-3">
157+
<p class="text-black mb-0"><b>Your-progress</b></p>
158+
<div class="accordion accordion-side mt-2" id="accordionExample">
159+
<div class="accordion-item">
160+
<h2 class="accordion-header" id="headingSide1">
161+
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSide1" aria-expanded="true" aria-controls="collapseSide1">
162+
<h6 class="mb-0">1. Relevance in the Beauty and Wellness space <span class="ms-4" style="">2 mins</span></h6>
163+
</button>
164+
</h2>
165+
<div id="collapseSide1" class="aaccordion-collapse collapse show" aria-labelledby="collapseSide1" data-bs-parent="#accordionExample">
166+
<div class="accordion-body">
167+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus officia dolores accusantium accusamus quam non animi, necessitatibus, ab soluta, autem nihil dolorum qui inventore nisi cumque nesciunt maiores! Nisi, itaque!</p>
168+
</div>
169+
</div>
170+
</div>
171+
<div class="accordion-item">
172+
<h2 class="accordion-header" id="headingSide2">
173+
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSide2" aria-expanded="false" aria-controls="collapseSide2">
174+
<h6 style="font-size: 11px;" class="mb-0">2. Why are gift cards important to your business?<span class="ms-4" style="">2 mins</span></h6>
175+
</button>
176+
</h2>
177+
<div id="collapseSide2" class="accordion-collapse collapse" aria-labelledby="headingSide2" data-bs-parent="#accordionExample">
178+
<div class="accordion-body">
179+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus officia dolores accusantium accusamus quam non animi, necessitatibus, ab soluta, autem nihil dolorum qui inventore nisi cumque nesciunt maiores! Nisi, itaque!</p>
180+
</div>
181+
</div>
182+
</div>
183+
</div>
184+
</div>
185+
</div>
186+
</div>
187+
188+
</div>
189+
</section>
190+
<!-- end Driving growth through Gift Cards -->
191+
<!-- end -->
192+
<script src="js/jquery.js"></script>
193+
<script src="js/bootstrap.min.js"></script>
194+
</body>
195+
</html>

‎js/bootstrap.min.js

+7
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎js/jquery.js

+4
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)