Skip to content

Commit

Permalink
first
Browse files Browse the repository at this point in the history
  • Loading branch information
faisan committed Oct 29, 2024
1 parent 6dca105 commit 1fda512
Show file tree
Hide file tree
Showing 2 changed files with 80 additions and 56 deletions.
44 changes: 43 additions & 1 deletion css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -326,6 +326,9 @@ a:focus {

/*Desktop Query*/
@media only screen and (min-width: 840px) {
.bodleft{
border-right: 3px ridge !important;
}
.wsk-cp-text{
padding-top:108% !important;
}
Expand Down Expand Up @@ -530,6 +533,9 @@ a:focus {

/*Tablet Query*/
@media only screen and (min-width: 481px) and (max-width:839px) {
.bodleft{
border-right: 3px ridge !important;
}
.about_container {
display: -webkit-box;
display: -ms-flexbox;
Expand Down Expand Up @@ -2410,4 +2416,40 @@ textarea.form-control {
-moz-transform: scale(1.5);
transition: all 200ms ease-in;
transform: scale(1.5);
}
}

.marker { list-style: none; margin: 1em 0; }
.marker:before {
content: '\2713';
display: inline-block;
position: relative;
top: 0px;
width: 17px;
height: 17px;
margin-right: 8px;
padding: 2px;
font-size: 12px;
font-weight: bold;
line-height: 10px;
color: black;
border: 2px solid #FFF65C;
border-radius: 50%;
text-align: center;
filter: drop-shadow(1.5px 1.5px 1px #3A2C00);
}

.padd{
padding: 0 !important;
}

.lifont{
font-size: 15px;
color: #757575;
font-family: Nunito Sans;
}
.ulfont{
font-size: 22px;
color: #000000;
font-weight: 500;
font-family: "Fira Sans";
}
92 changes: 37 additions & 55 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,6 +24,8 @@

<!-- fonts style -->
<link href="https://fonts.googleapis.com/css?family=Poppins:400,600,700&display=swap" rel="stylesheet" />
<link href='https://fonts.googleapis.com/css?family=Fira Sans' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Nunito Sans' rel='stylesheet'>
<!-- slick slider -->

<link rel="stylesheet" href="css/slick-theme.css" />
Expand Down Expand Up @@ -243,56 +245,6 @@ <h1>
<!-- end slider section -->
</div>

<section class="about_section layout_padding mismargin d-none">
<div class="container ">
<div class="row">
<div class="col-xl-6 col-md-12">
<div class="card overflow-hidden">
<div class="card-content">
<div class="card-body cleartfix">
<div class="media align-items-stretch">
<div class="align-self-center">
<i class="icon-pencil primary font-large-2 mr-2"></i>
</div>
<div class="media-body">
<h4>MISSION</h4>
<p>
Our mission is to offer an exclusive range of premium perfumes that celebrate the rich fragrance traditions of the UAE, while continuously innovating to deliver quality, authenticity, and customer satisfaction through a seamless online shopping experience.
</p>
</div>
<!-- <div class="align-self-center">
<h1>18,000</h1>
</div> -->
</div>
</div>
</div>
</div>
</div>

<div class="col-xl-6 col-md-12">
<div class="card">
<div class="card-content">
<div class="card-body cleartfix">
<div class="media align-items-stretch">
<div class="align-self-center">
<i class="icon-speech warning font-large-2 mr-2"></i>
</div>
<div class="media-body">
<h4>VISION</h4>
<p>To become the leading provider of luxurious and authentic perfumes in the UAE, blending Arabian heritage with modern elegance to create unforgettable sensory experiences for our customers.</p>
</div>
<!-- <div class="align-self-center">
<h1>84,695</h1>
</div> -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

<!-- about section -->

<section class="about_section layout_padding abmargin" id="about">
Expand All @@ -305,18 +257,48 @@ <h2>
About Our Company
</h2>
</div>
<p>
<p style="font-size: 15px;color: #676e7c;">
Four Bro's Perfume founded in 2024 is an Organisation that Specilies in Online Perfume Platform.
</p>
<p>
<p style="font-size: 15px;color: #676e7c;">
The Organisation founded by four enthusiastic persons together opened a Online Platform to serving customers in All Over World.
</p>
<p>
<p style="font-size: 15px;color: #676e7c;">
At Four Bros Perfume, we are dedicated to bringing you an exclusive selection of premium perfumes, reflecting the rich fragrance traditions of the UAE.
</p>
<p class="d-none d-md-block d-lg-block">
<!-- <p class="d-none d-md-block d-lg-block">
Our curated collection combines the luxurious allure of oud, musk, and amber with modern, internationally renowned scents to cater to every preference. We believe that a fragrance is more than just a scent – it is an expression of identity and culture. Whether you're seeking timeless Arabian perfumes or contemporary blends, our online store offers a seamless shopping experience, ensuring that you find the perfect fragrance for every occasion.
</p>
</p> -->
<div class="row">
<div class="col-md-6 bodleft">
<h4 class="ulfont">Our Mission</h4>
<ul class="padd">
<li class="marker lifont">
High-Quality Perfumes.
</li>
<li class="marker lifont">
Deliver Authentic Perfumes
</li>
<li class="marker lifont">
Customer Satisfaction.
</li>
</ul>
</div>
<div class="col-md-6">
<h4 class="ulfont">Our Vision</h4>
<ul class="padd">
<li class="marker lifont">
Lead in Global Fragrance
</li>
<li class="marker lifont">
Build Customer Loyalty
</li>
<li class="marker lifont">
Confidence Through Scent
</li>
</ul>
</div>
</div>
<a href="#">
<span>
Read More
Expand Down

0 comments on commit 1fda512

Please sign in to comment.