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.

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

Adding the features #1167

Merged
merged 5 commits into from
Jul 17, 2024
Merged

Adding the features #1167

Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
f315bd4
Adding the features
Harshvardhan-Patidar Jun 11, 2024
2204d35
Merge branch 'main' into main
Harshvardhan-Patidar Jun 13, 2024
65d8ea2
Update home_account.html
Harshvardhan-Patidar Jun 13, 2024
f163e25
Merge branch 'main' into main
Harshvardhan-Patidar Jun 18, 2024
ea7e337
Merge branch 'main' into main
Harshvardhan-Patidar Jul 16, 2024
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
208 changes: 145 additions & 63 deletions account/home_account.html
View file
Open in desktop
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>