Skip to content

Commit

Permalink
added contact us page
Browse files Browse the repository at this point in the history
  • Loading branch information
@PriyanshiAgr
PriyanshiAgr committed Oct 15, 2024
1 parent 8b5d717 commit 416d441
Show file tree
Hide file tree
Showing 21 changed files with 813 additions and 1,147 deletions.
34 changes: 19 additions & 15 deletions 1.IndexPage/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,8 +32,10 @@
</ul>
<ul class="nav-right">
<li><a id="navbar-login-signup" href="../7.Login-SignUpPage/Login-SignUp.html">Login/Signup</a></li>
<a id="navbar-profile" href="../Profile/profile.html" style="display: none;">Profile</a> <!-- Profile link (hidden by default) -->
<a id="logout" href="#" style="display: none;"><i class="fas fa-sign-out-alt"></i></a> <!-- Logout link (hidden by default) -->
<a id="navbar-profile" href="../Profile/profile.html" style="display: none;">Profile</a>
<!-- Profile link (hidden by default) -->
<a id="logout" href="#" style="display: none;"><i class="fas fa-sign-out-alt"></i></a>
<!-- Logout link (hidden by default) -->
<li><a href="#"> <i class="fas fa-shopping-cart"></i> Cart</a></li>
</ul>
</nav>
Expand All @@ -46,7 +48,7 @@ <h1 class="welcome">Welcome to Retro!</h1>
</div>
<img src="../Images/logo & deco/retro5.png" alt="Overlay Image" class="overlay-image2">
<div class="button-container">
<a href="../Html-files/menu.html" class="explore-button" target="_blank">Explore Now</a>
<a href="../Html-files/menu.html" class="explore-button">Explore Now</a>
</div>
<div class="marquee">
<p>Get 30% off on your FIRST order! &nbsp;&nbsp;&nbsp;&nbsp; Get 30% off on your FIRST order!
Expand Down Expand Up @@ -99,11 +101,11 @@ <h2>Bringing Happiness to You</h2>
<div class="order-cards">
<div class="order-card">
<h3>Online Delivery</h3>
<a href="../Html-files/menu.html" class="order-button" target="_blank">Order Online</a>
<a href="../2.CollectionsPage/menu.html" class="order-button">Order Online</a>
</div>
<div class="order-card">
<h3>Click & Collect</h3>
<a href="../Html-files/cart.html" class="order-button" target="_blank">Take Out Order</a>
<a href="../Cart/cart.html" class="order-button" target="_blank">Take Out Order</a>
</div>
</div>
</div>
Expand All @@ -113,7 +115,7 @@ <h3>Click & Collect</h3>
<div class="explore-collections">
<h2>Get ready to explore our vintage collections!</h2>
<h3>"Free on Order above $5000"</h3>
<a href="../Html-files/menu.html" class="see-more-button" target="_blank">See More</a>
<a href="../2.CollectionsPage/menu.html" class="see-more-button">See More</a>

<div class="collection-cards">
<div class="collection-card">
Expand Down Expand Up @@ -207,7 +209,8 @@ <h2>Frequently Asked Questions</h2>
<div class="app-download">
<div class="delivery-section">
<h3>Free Delivery!</h3>
<img src="../Images/logo & deco/Delivery animation.gif" alt="delivery animation" class="delivery_animation">
<img src="../Images/logo & deco/Delivery animation.gif" alt="delivery animation"
class="delivery_animation">
</div>
<h1>Download the App now!</h1>
<p>For best discounts and free delivery download the app now from your Google Play Store or App Store.
Expand Down Expand Up @@ -255,10 +258,10 @@ <h4>Contact Us!</h4>
<form action="#" method="post">
<input type="email" id="email" name="email" placeholder="Enter your email" required>
<textarea id="message" name="message" rows="4" placeholder="Type your message" required></textarea>

<button type="submit">Send Message</button>
</form>
</div>
</div>
<div class="social-media">
<p>Follow Us</p>
<div class="social-icons">
Expand All @@ -268,21 +271,22 @@ <h4>Contact Us!</h4>
</div>
</div>
<div class="footer-bottom">
<p class="msg">Stay connected with us on social media for the latest updates, latest collection, and vintage adventures.</p>
<p class="msg">Stay connected with us on social media for the latest updates, latest collection, and
vintage adventures.</p>
<p>© 2024 Retro. All Rights Reserved. | Developed by <a href="#">Retro Team</a></p>
</div>
<marquee class="train-marquee">
<img src="../Images/logo & deco/train-3803_256.gif" alt="Train Animation">
</marquee>
</marquee>
<!-- <div class="print-page">
<button onclick="window.print()">Print This Page</button>
</div> -->
</footer>
</div>
<script src="indexScript.js"></script>
<script src="../script.js"></script>

<script src="indexScript.js"></script>
<script src="../script.js"></script>

<!-- <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<!-- <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://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script>
</body> -->
Expand Down
14 changes: 0 additions & 14 deletions 1.IndexPage/indexStyle.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,20 +2,6 @@
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');


/* page positionings */
.page {
position: relative; /* If not already set, position relative */
z-index: 1; /* Ensure content stays above the overlay */
}

.paper-background {
position: relative; /* Keeps absolute children within this context */
padding: 20px; /* Adjust padding as needed */
overflow: hidden; /* Prevent horizontal overflow */
/* margin-bottom: 70px; */
}



/* Retro disk bg */
.overlay-image1 {
Expand Down
125 changes: 125 additions & 0 deletions 2.CollectionsPage/electronic.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,125 @@
@import url("https://fonts.googleapis.com/css2?family=Concert+One&family=Londrina+Shadow&family=Righteous&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Londrina+Solid:wght@100;300;400;900&display=swap");

/* General styles */
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
margin: 0;
padding: 0;
min-height: 100vh;
}

/* Page container */
.page {
padding: 0;
margin: 0;
}

/* Page title styling */
.title {
margin-top: 60px;
font-size: 3.5em;
font-family: 'Londrina Solid';
text-shadow: 3px 3px #ffe836;
margin: 30px 0;
color: #000000;
text-align: center;
}

/* Apply box-sizing only to card-related elements */
.card,
.card-inner,
.card-front,
.card-back,
.cards-container {
box-sizing: border-box;
}

/* Card container grid */
.cards-container {
margin-top: 60px;
margin-bottom: 170px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 30px;
width: 100%; /* Set to full width */
padding: 0 220px; /* Add some padding inside to prevent cards from touching edges */
}

/* Card styling */
.card {
perspective: 1000px;
}

.card-inner {
position: relative;
width: 100%;
height: 300px;
transform-style: preserve-3d;
transition: transform 1.5s;
}

.card:hover .card-inner {
transform: rotateY(180deg);
}

.card-front, .card-back {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
border-radius: 10px;
}

/* Front side styling */
.card-front {
background-color: #f4e27e;
color: rgb(188, 25, 25);
border: 3px solid rgb(255, 119, 0);
padding: 20px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

.card-front h2 {
font-size: 2rem;
font-family: 'Righteous';
font-family: 'Concert One';
}

/* Back side (image) styling */
.card-back {
transform: rotateY(180deg);
background-color: white;
overflow: hidden;
}

.card-back img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
}

/* Adjusting card responsiveness */
@media (max-width: 768px) {
.cards-container {
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.card-front h2 {
font-size: 1.2rem;
}

.card-front p {
font-size: 0.9rem;
}
}
Loading

0 comments on commit 416d441

Please sign in to comment.