Skip to content

Harshini #2

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.

Sign up for GitHub

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

Open
khuranajordan wants to merge 9 commits into
base: main
Choose a base branch
from
Open

Harshini #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
8216493
homepage
usarthiharshini Aug 1, 2022
0ace65e
homepage
usarthiharshini Aug 1, 2022
fbaa643
updated homepage
usarthiharshini Aug 2, 2022
2ca2179
updated homepage
usarthiharshini Aug 2, 2022
d0269d7
updated homepage
usarthiharshini Aug 4, 2022
3ba7dc0
added footer
usarthiharshini Aug 4, 2022
724e352
added media queries
usarthiharshini Aug 4, 2022
1f4d365
home-page completed
usarthiharshini Aug 5, 2022
f7da35b
home-page completed
usarthiharshini Aug 6, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
47 changes: 47 additions & 0 deletions footer.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,47 @@
let footer=()=>{
return `
<div id="footersugaricon">
<img src="https://in.sugarcosmetics.com/Footer_sugar_icon.png" alt="">
</div>
<div id="footersocialmedia">
<img src="https://in.sugarcosmetics.com/desc-images/facebook.svg" alt=""><img src="https://in.sugarcosmetics.com/desc-images/Instagram.svg" alt=""><img src="https://in.sugarcosmetics.com/desc-images/Pinterest.svg" alt=""><img src="https://in.sugarcosmetics.com/desc-images/Tumblr.svg" alt=""><img src="https://in.sugarcosmetics.com/desc-images/Youtube.svg" alt="">
</div>
<div id="twofooters">
<div id="tfleft">
<p style="color: white;font-weight:300;">SUBSCRIBE TO OUR NEWSLETTER</p>
<div id="footsignup"><input type="text" placeholder="Your e-mail address"><button>SIGN UP</button></div>
<p style="color:white;font-weight:300">INFORMATION</p>
</div>
<div id="thright">
<p style="color: white;font-weight:300;">GET THE SUGAR APP TODAY.</p>
<div id="thr1"><p>Tap into a better shopping experience.</p><div id="playstore"><img src="https://in.sugarcosmetics.com/playstore.png" alt=""><img src="https://in.sugarcosmetics.com/apple-store.png" alt=""></div></div>
</div>
</div>
<div id="write1">
<p>Stores</p>
<p>Terms & Conditions</p>
<p>Returns</p>
<p>FAQs</p>
<p>About Us</p>
</div>
<div id="git">GET IN TOUCH</div>
<div id="foot">
<div id="footseclast1"><div id="fut">
<img src="https://in.sugarcosmetics.com/desc-images/phone_android_white.svg" alt="">
<p >Call us at</p>
</div>
<p>1800-209-9933</p></div>
<div class="footseclast">
<p>Support</p>
<p id="sugarmail">hello@sugarcosmetics.com</p>
</div>
<div class="footseclast"><p>Careers</p><p>We're hiring!</p></div>
<div class="footseclast"><p>PRESS & MEDIA</p><p>pr@sugarcosmetics.com</p></div>
<div class="footseclast"><p>INFLUENCER COLLAB</p><P>JOIN US</P></div>
</div>
<hr>
<div id="footlast"><p>Copyright © 2022 SUGAR Cosmetics. All rights reserved.</p></div>
`;
}

export {footer};
96 changes: 96 additions & 0 deletions header.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,96 @@
let header = () => {
return `<div id="head1">
<div id="bar-icon">
<a class="icon" onclick="myFunction()" >
<i class="fa fa-bars" ></i>
</a></div>
<div id="sugar-img"> <a href=""> <img src="https://media.sugarcosmetics.com/upload/Logo-static.jpg" id="logo"></a></div>
<div id="search">
<input id="search-bar" type="text" placeholder="Try Liquid Lipstick">

<input id="search-icon" type="submit" value="Search">
</div>

<img id="user" class="icon-c" src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/98/OOjs_UI_icon_userAvatar.svg/2048px-OOjs_UI_icon_userAvatar.svg.png">

<div id="login-signup"><a class="login-signup" href="" >Login/Register</a></div>

<!----- icons --->
<div id="heart"> <a href=""><img class="icon-c" src="https://cdn0.iconfinder.com/data/icons/glyphpack/51/heart-512.png"> </a></div>
<a href=""><img class="icon-c" src="https://cdn-icons-png.flaticon.com/512/7446/7446956.png"> </a>
<a href=""><img class="icon-c" src="https://static.thenounproject.com/png/170070-200.png"></a>

</div>


<!-----------head2-->


<div class="navbar" id="navbar">

<div class="dropdown">
<button class="dropbtn">MAKEUP

</button>
<div class="dropdown-content">
<a href="#">LIPS</a>
<a href="#">EYES</a>
<a href="#">FACE</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">BRUSHES

</button>
<div class="dropdown-content">
<a href="#">FACE BRUSHES</a>
<a href="#">EYE BRUSHES</a>

</div>
</div>
<div class="dropdown">
<button class="dropbtn">SKINCARE

</button>
<div class="dropdown-content">
<a href="#">MOISTURISERS</a>
<a href="#">SUNSCREEN</a>
<a href="#">SETTING MISTS</a>
<a href="#">COFFE CULTURE<br> RANGE</a>
<a href="#">SHEET MASK<br> COMBO</a>
<a href="#">CITRUS GOT REAL<br> RANGE</a>
<a href="#">AQUAHOLIC<br> RANGE</a>
<a href="#">MASKS</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">GIFTING

</button>
<div class="dropdown-content">
<a href="#">SUGAR MERCH<br> STATION</a>
<a href="#">MAKEUP KITS</a>
<a href="#">BEST SELLERS</a>
<a href="#">VALUE SETS</a>
<a href="#">SUGAR SETS</a>
<a href="#">E-GIFT CARDS</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">BLOG

</button>
<div class="dropdown-content">
<a href="#">FEATURED</a>
<a href="#">MAKE UP</a>
<a href="#">SKINCARE</a>
</div>
</div>

<a class="dropdown" href="">OFFERS</a>
<a class="dropdown" href="">STORES</a>
</div>
`

}
export { header }
Loading