-
Notifications
You must be signed in to change notification settings - Fork 523
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
77 changed files
with
41,014 additions
and
20,154 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,72 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<title>Contact Us - Your Website</title> | ||
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet"> | ||
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet"> | ||
<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" rel="stylesheet"> | ||
<link rel="stylesheet" href="../css/footer.css"> | ||
<link rel="stylesheet" href="../css/contact.css"> | ||
|
||
</head> | ||
<body> | ||
|
||
<!-- Header --> | ||
<div class="contact-header text-center"> | ||
<a href="../">Home</a> | ||
<a href="../helpcentre/index.html">Help Centre</a> | ||
<a href="../sell-online/index.html">Become a Seller</a> | ||
<a href="../account/orders.html">Orders</a> | ||
</div> | ||
|
||
<!-- Main Content --> | ||
<div class="container contact-section"> | ||
<h1 class="text-center mb-5">Contact Us</h1> | ||
|
||
<div class="row mb-5"> | ||
<div class="col-md-6 contact-info"> | ||
<h2><img src="https://img.icons8.com/ios-filled/50/000000/map-marker.png" alt="Address Icon"> Mail Us:</h2> | ||
<address> | ||
Company Private Limited,<br> | ||
1234 Street,<br> | ||
City, 56789,<br> | ||
State, Country | ||
</address> | ||
<h2><img src="https://img.icons8.com/ios-filled/50/000000/phone.png" alt="Phone Icon"> Registered Office Address:</h2> | ||
<address> | ||
Company Private Limited,<br> | ||
1234 Your Street,<br> | ||
City, 56789,<br> | ||
State, Country<br> | ||
CIN: U12345ABC12345<br> | ||
Telephone: 123-456-7890 | ||
</address> | ||
</div> | ||
<div class="col-md-6 contact-form"> | ||
<form> | ||
<div class="form-group"> | ||
<label for="name">Name</label> | ||
<input type="text" class="form-control" id="name" placeholder="Your Name"> | ||
</div> | ||
<div class="form-group"> | ||
<label for="email">Email address</label> | ||
<input type="email" class="form-control" id="email" placeholder="Your Email"> | ||
</div> | ||
<div class="form-group"> | ||
<label for="message">Message</label> | ||
<textarea class="form-control" id="message" rows="5" placeholder="Your Message"></textarea> | ||
</div> | ||
<button type="submit" class="btn btn-primary btn-block">Submit</button> | ||
</form> | ||
</div> | ||
</div> | ||
</div> | ||
|
||
<!-- Bootstrap JS --> | ||
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script> | ||
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script> | ||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,77 +1,100 @@ | ||
section .container { | ||
background-color: #ffffff25; | ||
border: 1px solid #ddd; | ||
border-radius: 8px; | ||
padding: 30px; | ||
box-shadow: 0 4px 8px rgba(91, 77, 77, 0.1); | ||
max-width: 100%; | ||
transition: box-shadow 0.3s ease; | ||
} | ||
|
||
|
||
section .container:hover { | ||
box-shadow: 0 8px 16px rgba(91, 77, 77, 0.2); | ||
} | ||
|
||
section h1 { | ||
color: #1149ff; | ||
.container { | ||
max-width: 960px; | ||
margin: 0 auto; | ||
padding: 20px; | ||
} | ||
|
||
.flipkardLoader { | ||
width: 100%; | ||
max-width: 180px; | ||
margin: 0 auto; | ||
} | ||
|
||
h1 { | ||
font-size: 30px; | ||
font-weight: bold; | ||
text-align: center; | ||
margin-bottom: 20px; | ||
} | ||
|
||
section .form-group label { | ||
color: #343a40; | ||
font-weight: 600; | ||
margin-bottom: 5px; | ||
margin-top: 5px ; | ||
} | ||
|
||
section .form-group label:hover { | ||
color: #007bff; | ||
} | ||
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif | ||
} | ||
|
||
form { | ||
width: 100%; | ||
max-width: 600px; | ||
margin: 0 auto; | ||
} | ||
|
||
.form-group { | ||
margin-bottom: 15px; | ||
} | ||
|
||
label { | ||
font-weight: bold; | ||
} | ||
|
||
section .form-control { | ||
border: 1px solid #ced4da; | ||
border-radius: 4px; | ||
padding: 10px; | ||
transition: border-color 0.3s ease; | ||
p { | ||
font-family: Arial, sans-serif; | ||
font-size: 16px; | ||
line-height: 1.5em | ||
} | ||
|
||
input[type="text"], | ||
input[type="email"], | ||
textarea { | ||
width: 100%; | ||
padding: 5px; | ||
border: 1px solid #ccc; | ||
border-radius: 3px; | ||
} | ||
|
||
textarea { | ||
height: 100px; | ||
} | ||
|
||
/* Radio buttons */ | ||
.form-check { | ||
display: inline-block; | ||
margin-right: 10px; | ||
} | ||
|
||
section .form-control:focus { | ||
border-color: #0755ff; | ||
box-shadow: 0 0 0 0.2rem rgba(12, 82, 163, 0.25); | ||
outline: none; | ||
} | ||
#para1{ | ||
|
||
font-size: 14px; | ||
|
||
section .btn-primary { | ||
background-color: #007bff; | ||
border-color: #007bff; | ||
border-radius: 4px; | ||
padding: 10px 20px; | ||
} | ||
#heading{ | ||
|
||
font-size: 20px; | ||
font-weight: bold; | ||
transition: background-color 0.3s ease; | ||
} | ||
|
||
section .btn-primary:hover { | ||
background-color: #0056b3; | ||
border-color: #0056b3; | ||
} | ||
|
||
section .btn-primary:focus { | ||
background-color: #0056b3; | ||
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); | ||
} | ||
/* Submit button */ | ||
.btn-primary { | ||
background-color: #2874f0; | ||
color: #fff; | ||
border: none; | ||
padding: 10px 20px; | ||
border-radius: 3px; | ||
cursor: pointer; | ||
} | ||
.btn-primary2 { | ||
display: flex; | ||
justify-content:center; | ||
align-items: center; | ||
background-color: #2874f0; | ||
color: #fff; | ||
border: none; | ||
padding: 10px 20px; | ||
border-radius: 15px; | ||
cursor: pointer; | ||
} | ||
|
||
section .btn-primary:focus { | ||
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); | ||
} | ||
|
||
section .form-check-input { | ||
margin-right: 5px; | ||
} | ||
|
||
section #orderHistory { | ||
resize: vertical; | ||
margin-bottom: 15px; | ||
} | ||
} | ||
@media (max-width: 768px) { | ||
h1 { | ||
font-size: 1.8rem; | ||
} | ||
|
||
form { | ||
max-width: 100%; | ||
} | ||
} |
Oops, something went wrong.