Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@purvathnere
purvathnere authored Jun 5, 2024
1 parent f81a9d9 commit 43e7a0c
Show file tree
Hide file tree
Showing 11 changed files with 565 additions and 556 deletions.
5 changes: 2 additions & 3 deletions account/home_account.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -60,9 +60,8 @@
</style>
<div class="container mt-5">
<div class="row justify-content-center">
<div class="col-12 col-md-8">
<img src="flipkart_logo.png" alt="Flipkart Logo" class="img-fluid mb-4 mx-auto d-block" style="width: 100%; max-width: 400px;">
<h1 class="text-center mb-4">Flipkart Profile</h1>
<div class="col-12 col-md-8">
<h1 class="text-center mb-4" style="display: inline-block;"><img src="../img/flipkardLoader.png" alt="Flipkart Logo" class="img-fluid mb-4 mx-auto" style="width: 100%; max-width: 180px;">lipkart Profile</h1>
<form>
<div class="form-group">
<label for="name">Full Name</label>
Expand Down
176 changes: 88 additions & 88 deletions account/login-signup.html
View file
Original file line number Diff line number Diff line change
@@ -1,88 +1,88 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#2874F0" id="themeColor" />
<title>
Flipkart | Online Shopping Site for Mobiles, Electronics, Furniture,
Grocery, Lifestyle, Books &amp; More. Best Offers!
</title>
<link rel="icon" type="image/x-icon" href="../img/flipkart_lite.png"/>
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css"/>
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet"/>
<link rel="stylesheet" href="../css/login-signup.css"/>
</head>

<header id="header-login" class="text-center text-secondary fs-4">
This is Header
</header>

<!-- signin page -->
<div id="divA">
<div class="signupin">
<div class="leftpanal">
<h4>Login</h4>
<p>Get access to your Orders, Wishlist and Recommendations</p>
</div>
<div class="rightSignuppanal">
<form autocomplete="on">
<div class="I-qZ4MvLRlQb">
<input autocomplete="off" id="inputsin" type="text" class="r4vIwl BV+Dqf" value="" required="" />
<label class="Gq-80aa label" id="inputsin"><span>Enter Email/Mobile number</span></label>
<div class="underlineii"></div>
</div>
<div class="EpHS0A">By continuing, you agree to Flipkart's
<a class="c9RDXR" target="_blank" href="../pages/terms/">Terms of Use</a>
and
<a class="c9RDXR" target="_blank" href="../pages/privacypolicy/">Privacy Policy</a>.
</div>
<div class="LSOAQH mt-2">
<button class="QqFHMw twnTnD _7Pd1Fp">Request OTP</button>
</div>
<div class="ZJ3AS1 d-flex justify-content-center mt-4">
<a class="azBkHf" href="#" id="buttonA">New to Flipkart? Create an account</a>
</div>
</form>
</div>
</div>
</div>
<!-- signup page -->
<div id="divB">
<div class="signupin container-fluid">
<div class="leftpanal">
<h4>Looks like you're new here!</h4>
<p>Sign up with your mobile number to get started</p>
</div>

<div class="rightSignuppanal">
<form autocomplete="on">
<div class="I-qZ4MvLRlQb">
<input autocomplete="off" id="inputi" type="text" class="r4vIwl BV+Dqf" value="" required="" />
<label class="Gq-80aa label" id="inputi">Enter Email/Mobile number</label>
<div class="underlineii"></div>
</div>
<div class="EpHS0A">By continuing, you agree to Flipkart's
<a class="c9RDXR" target="_blank" href="../pages/terms/">Terms of Use</a>
and
<a class="c9RDXR" target="_blank" href="../pages/privacypolicy/">Privacy Policy</a>.
</div>
<div class="LSOAQH mt-2">
<button class="QqFHMw twnTnD _7Pd1Fp">Continue</button>
</div>
<div class="ZJ3AS1 d-flex justify-content-center mt-4">
<a class="azBkHf" href="#" id="buttonB">Existing User? Log in</a>
</div>
</form>
</div>
</div>
</div>

<footer id="footer-login" style="background-color: #293649 !important"></footer>
<script src="../js/bootstrap.bundle.min.js"></script>
<script src="../js/login-signup.js"></script>

<body></body>

</html>
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#2874F0" id="themeColor" />
<title>
Flipkart | Online Shopping Site for Mobiles, Electronics, Furniture,
Grocery, Lifestyle, Books &amp; More. Best Offers!
</title>
<link rel="icon" type="image/x-icon" href="../img/flipkart_lite.png" />
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet" />
<link rel="stylesheet" href="../css/login-signup.css" />
</head>

<header id="header-login" class="text-center text-secondary fs-4">
This is Header
</header>

<!-- signin page -->
<div id="divA">
<div class="signupin">
<div class="leftpanal">
<h4>Login</h4>
<p>Get access to your Orders, Wishlist and Recommendations</p>
</div>
<div class="rightSignuppanal">
<form autocomplete="on">
<div class="I-qZ4MvLRlQb">
<input autocomplete="off" id="inputsin" type="text" class="r4vIwl BV+Dqf" value="" required="" />
<label class="Gq-80aa label" id="inputsin"><span>Enter Email/Mobile number</span></label>
<div class="underlineii"></div>
</div>
<div class="EpHS0A">By continuing, you agree to Flipkart's
<a class="c9RDXR" target="_blank" href="../pages/terms/">Terms of Use</a>
and
<a class="c9RDXR" target="_blank" href="../pages/privacypolicy/">Privacy Policy</a>.
</div>
<div class="LSOAQH mt-2">
<button class="QqFHMw twnTnD _7Pd1Fp">Request OTP</button>
</div>
<div class="ZJ3AS1 d-flex justify-content-center mt-4">
<a class="azBkHf" href="#" id="buttonA">New to Flipkart? Create an account</a>
</div>
</form>
</div>
</div>
</div>
<!-- signup page -->
<div id="divB">
<div class="signupin container-fluid">
<div class="leftpanal">
<h4>Looks like you're new here!</h4>
<p>Sign up with your mobile number to get started</p>
</div>

<div class="rightSignuppanal">
<form autocomplete="on">
<div class="I-qZ4MvLRlQb">
<input autocomplete="off" id="inputi" type="text" class="r4vIwl BV+Dqf" value="" required="" />
<label class="Gq-80aa label" id="inputi">Enter Email/Mobile number</label>
<div class="underlineii"></div>
</div>
<div class="EpHS0A">By continuing, you agree to Flipkart's
<a class="c9RDXR" target="_blank" href="../pages/terms/">Terms of Use</a>
and
<a class="c9RDXR" target="_blank" href="../pages/privacypolicy/">Privacy Policy</a>.
</div>
<div class="LSOAQH mt-2">
<button class="QqFHMw twnTnD _7Pd1Fp">Continue</button>
</div>
<div class="ZJ3AS1 d-flex justify-content-center mt-4">
<a class="azBkHf" href="#" id="buttonB">Existing User? Log in</a>
</div>
</form>
</div>
</div>
</div>

<footer id="footer-login" style="background-color: #293649 !important"></footer>
<script src="../js/bootstrap.bundle.min.js"></script>
<script src="../js/login-signup.js"></script>

<body></body>

</html>
6 changes: 6 additions & 0 deletions css/bootstrap.min.css
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

189 changes: 95 additions & 94 deletions css/header.css
View file
Original file line number Diff line number Diff line change
@@ -1,95 +1,96 @@

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

#header-bluebg{
font-size: medium;
}
#header-bluebg .secondNav{
background: #fff;
font-size: 14px;
}
#header-bluebg .secondNav a{
color: #000;
}
#header-bluebg .nav-link .bi-chevron-up {
display: none;
}

#header-bluebg .nav-link:hover .bi-chevron-down {
display: none;
}
#header-bluebg .nav-link:hover .bi-chevron-up {
display: inline;
}
#header-bluebg .nav-link i{
font-size: 10px;
}


#more_h .bi-chevron-up {
display: none;
}

#more_h:hover .bi-chevron-down {
display: none;
}
#more_h:hover .bi-chevron-up {
display: inline;
}
#more_h i{
font-size: 10px;
}

#header-bluebg a ,#more_h{
text-decoration: none;
color: #fff;
font-weight: 600;
}

#header-bluebg .searchBar_h input{
width: 28vw;
padding: 2px;
}
.cartLogoandname{
position: relative ;
}
#cartItems{
position: absolute;
top: -8px;
left: 4px;
padding: 0 5px;
border-radius: 50%;
background: red;
width: 18px;
height: 18px;
background-color: #ff6161;
border: 1px solid #fff;
line-height: 16px;
font-size: 12px;
color: #fff;
display: none;
}


@media (max-width: 992px) {
#header-bluebg .b_a_s, #more_h{
display: none;
}
}

@media (max-width: 592px) {
.cart_h{
display: none;
}
}
.searchBar_h{
position: relative;
}
.searchBar_h .bi-search{
position: absolute;
right: 8px;

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

#header-bluebg{
font-size: medium;
}
#header-bluebg .secondNav{
background: #fff;
font-size: 14px;
}
#header-bluebg .secondNav a{
color: #000;
}
#header-bluebg .nav-link .bi-chevron-up {
display: none;
}

#header-bluebg .nav-link:hover .bi-chevron-down {
display: none;
}
#header-bluebg .nav-link:hover .bi-chevron-up {
display: inline;
}
#header-bluebg .nav-link i{
font-size: 10px;
}


#more_h .bi-chevron-up {
display: none;
}

#more_h:hover .bi-chevron-down {
display: none;
}
#more_h:hover .bi-chevron-up {
display: inline;
}
#more_h i{
font-size: 10px;
}

#header-bluebg a ,#more_h{
text-decoration: none;
color: #fff;
font-weight: 600;
}

#header-bluebg .searchBar_h input{
width: 28vw;
padding: 2px;
}
.cartLogoandname{
position: relative ;
}
#cartItems{
position: absolute;
top: -8px;
left: 4px;
padding: 0 5px;
border-radius: 50%;
background: red;
width: 18px;
height: 18px;
background-color: #ff6161;
border: 1px solid #fff;
line-height: 16px;
font-size: 12px;
color: #fff;
display: none;
}



@media (max-width: 992px) {
#header-bluebg .b_a_s, #more_h{
display: none;
}
}

@media (max-width: 592px) {
.cart_h{
display: none;
}
}
.searchBar_h{
position: relative;
}
.searchBar_h .bi-search{
position: absolute;
right: 8px;
}
Loading

0 comments on commit 43e7a0c

Please sign in to comment.