Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

ADDING AN ABOUT US PAGE FOR THE WEBSITE #10

Open
rohan-singh-12 opened this issue Oct 3, 2023 · 2 comments
Open

ADDING AN ABOUT US PAGE FOR THE WEBSITE #10

rohan-singh-12 opened this issue Oct 3, 2023 · 2 comments

Comments

@rohan-singh-12
Copy link

No description provided.

@VivekJayakumaran
Copy link

about.html

<title> An About Us Page | CoderGirl </title>
  <div class="text">
    <h2>ABOUT US</h2>
    <p>Welcome to Cara - Where Fashion Meets Comfort! </p>

At Cara, we believe that style should be effortless and comfort should never be compromised. Our online store is a haven for fashion enthusiasts who crave the perfect blend of trendsetting designs and cozy wear.


Our Journey: Established in 2012, Cara was born out of a passion for clothing that not only looks good but feels good too. Our founders set out on a mission to create a curated collection of clothing that celebrates individuality, embraces diversity, and caters to every fashion need.

about.css
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500&display=swap');
*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Poppins', sans-serif;
}
.about-us{
height: 100vh;
width: 100%;
padding: 90px 0;
background: #ddd;
}
.pic{
height: 200px;
width: 200px;
}
.about{
width: 1130px;
max-width: 85%;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-around;
}
.text{
width: 540px;
}
.text h2{
font-size: 90px;
font-weight: 600;
margin-bottom: 10px;

}
.text h5{
font-size: 22px;
font-weight: 500;
margin-bottom: 20px;
}
span{
color: #4070f4;
}
.text p{
font-size: 18px;
line-height: 25px;
letter-spacing: 1px;
}
.data{
margin-top: 30px;
}
.hire{
font-size: 18px;
background: #4070f4;
color: #fff;
text-decoration: none;
border: none;
padding: 8px 25px;
border-radius: 6px;
transition: 0.5s;
}
.hire:hover{
background: #000;
border: 1px solid #4070f4;
}

@ameenaga10
Copy link

I would like to work on this issue. Please Assign the same to me

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants