Skip to content

Commit

Permalink
Merge pull request #1167 from Harshvardhan-Patidar/main
Browse files Browse the repository at this point in the history 
Adding the features
  • Loading branch information
@arghadipmanna101
arghadipmanna101 authored Jul 17, 2024
2 parents d83f1b9 + ea7e337 commit 6c09b51
Showing 1 changed file with 145 additions and 63 deletions.
208 changes: 145 additions & 63 deletions account/home_account.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,83 +12,165 @@
<link rel="stylesheet" href="../css/account.css" />
</head>

<body>

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

<section>
<style>
@import url("https://fonts.googleapis.com/css2?family=Lato&family=Silkscreen&display=swap");

body {
font-family: "Lato", sans-serif;
}

section .container {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 8px;
padding: 30px;
box-shadow: 0 4px 8px rgba(91, 77, 77, 0.1);
max-width: 100%;
}

section h1 {
color: #1149ff;
}

.inner {
width: 400px;
margin: 0 auto;
position: relative;
top: 45%;
transform: translateY(-50%);
padding: 30px 40px;
background: linear-gradient(to top left, #ffffffff, #ffffff6f);
border: 2px solid black;
border-radius: 15px;
line-height: 35px;
box-shadow: 2px 2px 7px #2773a5;
z-index: 2;
}

.profile {
margin: 15px 0px;
}

.profile div {
margin: 10px 0;
}

.profile div label {
display: block;
font-weight: bold;
}

.profile input {
width: 100%;
padding: 8px;
border: 2px solid rgba(113, 110, 110, 0.622);
border-radius: 10px;
font-family: a;
margin-top: 1px;
background-color: rgba(237, 234, 234, 0.622);
}

#orderHistory{
width: 100%;
padding: 8px;
border: 2px solid rgba(113, 110, 110, 0.622);
border-radius: 10px;
font-family: a;
margin-top: 1px;
background-color: rgba(237, 234, 234, 0.622);
}

#submit {
background-color: #3498db;
border: none;
cursor: pointer;
}

#submit:hover {
background-color: #14679fe1;
}

.gender{
display: flex;
flex-direction: column;
flex-flow: wrap;
align-items: center;
}
#form-gender{
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
#form-check-input{
padding:0 5px;
}
</style>
<div class="container mt-5">
<div class="row justify-content-center">
<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;">Flipkart Profile
</h1>
<form>
<div class="form-group">
<label for="name">Full Name</label>
<input type="text" class="form-control" id="name" placeholder="Enter your full name" required>
</div>
<div class="form-group">
<label for="email">Email Address</label>
<input type="email" class="form-control" id="email" placeholder="Enter your email address" required>
</div>
<div class="form-group">
<label for="address">Address</label>
<input type="text" class="form-control" id="address" placeholder="Enter your address"required>
</div>
<div class="form-group">
<label for="payment">Payment Information</label>
<input type="text" class="form-control" id="payment" placeholder="Enter your payment information" required>
</div>
<div class="form-group">
<label>Gender</label>
<div class="form-check">
<input class="form-check-input" type="radio" name="gender" id="male" value="male">
<label class="form-check-label" for="male">Male</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="gender" id="female" value="female">
<label class="form-check-label" for="female">Female</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="gender" id="other" value="other">
<label class="form-check-label" for="other">Other</label>
</div>
</div>
<div class="form-group">
<label for="orderHistory">Order History</label>
<textarea class="form-control" id="orderHistory" rows="3" placeholder="Enter your order history" required></textarea>
</div>
<button type="submit" class="btn btn-primary">Save</button>
</form>
<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;">Flipkart Profile</h1>
<div class="inner">
<form class="profile">
<form action="#">
<div class="form-group">
<label for="firstname">Full Name</label>
<input type="text" id="firstname" class="form-control" placeholder="eg.H***" required />
</div>
<div class="form-group">
<label for="email">Email Address</label>
<input type="email" class="form-control" id="email" placeholder="eg.***@gmail.com" required />
</div>
<div class="form-group">
<label for="address">Address</label>
<input type="text" class="form-control" id="address" placeholder="Enter your address">
</div>
<div class="form-group">
<label for="payment">Payment Information</label>
<input type="text" class="form-control" id="payment" placeholder="Enter your payment information">
</div>
<div class="form-group gender">
<label style="padding-right: 30px;">Gender</label>
<div id="form-gender" class="form-check">
<input class="form-check-input" type="radio" name="gender" id="male" value="male">
<label id="form-check-input" class="form-check-label" for="male">Male</label>
</div>
<div id="form-gender" class="form-check">
<input class="form-check-input" type="radio" name="gender" id="female" value="female">
<label id="form-check-input" class="form-check-label" for="female">Female</label>
</div>
<div id="form-gender" class="form-check">
<input class="form-check-input" type="radio" name="gender" id="other" value="other">
<label id="form-check-input" class="form-check-label" for="other">Other</label>
</div>
</div>
<div class="form-group">
<label for="orderHistory">Order History</label>
<textarea class="form-control" id="orderHistory" rows="3" placeholder="Enter your order history"></textarea>
</div>
<div class="form-group">
<input class="btn btn-primary" type="submit" class="btn btn-primary" id="submit" value="Save" />
</div>
</form>
</form>
</div>
</div>
</div>
</div>
<div id="FAQ">
<h1> FAQ </h1>
<h4 id="heading"> What happens when I update my email address (or mobile number)? </h4>
<p id="para">Your login email id (or mobile number) changes, likewise. You'll receive all your account related communication on your updated email address (or mobile number).</p>
<h4 id="heading"> When will my Flipkart account be updated with the new email address (or mobile number)?</h4>
<p id="para"> It happens as soon as you confirm the verification code sent to your email (or mobile) and save the changes.</p>
<h4 id="heading"> What happens to my existing Flipkart account when I update my email address (or mobile number)?</h4>
<p id="para">Updating your email address (or mobile number) doesn't invalidate your account. Your account remains fully functional. You'll continue seeing your Order history, saved information and personal details.</p>
<h4 id="heading"> Does my Seller account get affected when I update my email address? </h4>
<p id="para">Flipkart has a 'single sign-on' policy. Any changes will reflect in your Seller account also. </p>
</p>
<button class="btn-primary2 "> Deactive </button>

</div>
<div>
</div>
<br>
</section>


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

</body>
<body></body>

</html>
</html>

0 comments on commit 6c09b51

Please sign in to comment.