Skip to content

Commit

Permalink
Initial Commit
Browse files Browse the repository at this point in the history
  • Loading branch information
sammy0318 committed Sep 5, 2024
0 parents commit de060f0
Show file tree
Hide file tree
Showing 12 changed files with 745 additions and 0 deletions.
Binary file added AdobeStock_16628163_Jobsite_Sustainability.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
97 changes: 97 additions & 0 deletions Contact.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,97 @@
/* General Styles */
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}

/* Background Image */
.image {
background-image: url('contact.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
height: 100vh;
width: 100%;
position: relative;
z-index: 1;
}

.image::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: inherit; /* Inherits the background image */
background-size: inherit;
background-position: inherit;
background-repeat: inherit;
filter: blur(6px); /* Adjust the blur radius as needed */
z-index: -1; /* Ensure the blur effect is behind the content */
}

/* Contact Container */
.contact-container {
text-align: center;
background-color: rgba(0, 0, 0, 0.5);
padding: 40px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border-radius: 20px;
position: relative;
z-index: 2;

}

h1 {
color :wheat;
margin-bottom: 20px;
font-size: 2em;
margin-bottom: 20px;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
}

p {
color: honeydew;
margin-bottom: 30px;
}

/* New Contact Info Section */
.contact-info p {
color: white;
font-size: 1.2em;
margin-bottom: 30px;
}

.contact-number {
color: #e8491d;
text-decoration: none;
font-weight: bold;
transition: color 0.3s;
}

.contact-number:hover {
color: #ffffff;
}

/* Contact Button */
.contact-btn {
background-color: #e8491d;
color: #ffffff;
padding: 15px 30px;
text-decoration: none;
border-radius: 5px;
font-size: 1.2em;
transition: background-color 0.3s;
}

.contact-btn:hover {
background-color: black;
}
24 changes: 24 additions & 0 deletions Contact.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Garima Associates-Contact</title>
<link rel="stylesheet" href="Contact.css">
</head>
<body class="image">

<div class="contact-container">
<h1>Contact Us Today</h1>
<p>If you have any questions or need more information, don't hesitate to reach out to us!</p>


<div class="contact-info">
<p>Call us at : <a href="tel:+919026406277" class="contact-number">+91 9026406277</a></p>
</div>

<a href="mailto:[email protected]" class="contact-btn">Email Us </a>
</div>

</body>
</html>
Loading

0 comments on commit de060f0

Please sign in to comment.