diff --git a/AdobeStock_16628163_Jobsite_Sustainability.jpeg b/AdobeStock_16628163_Jobsite_Sustainability.jpeg new file mode 100644 index 0000000..07577a5 Binary files /dev/null and b/AdobeStock_16628163_Jobsite_Sustainability.jpeg differ diff --git a/AdobeStock_209466807_Bauueberwachung-scaled-1.webp b/AdobeStock_209466807_Bauueberwachung-scaled-1.webp new file mode 100644 index 0000000..d9a6809 Binary files /dev/null and b/AdobeStock_209466807_Bauueberwachung-scaled-1.webp differ diff --git a/Contact.css b/Contact.css new file mode 100644 index 0000000..01963ea --- /dev/null +++ b/Contact.css @@ -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; +} diff --git a/Contact.html b/Contact.html new file mode 100644 index 0000000..b1a34bb --- /dev/null +++ b/Contact.html @@ -0,0 +1,24 @@ + + + + + + Garima Associates-Contact + + + + +
+

Contact Us Today

+

If you have any questions or need more information, don't hesitate to reach out to us!

+ + +
+

Call us at : +91 9026406277

+
+ + Email Us +
+ + + diff --git a/Garima.css b/Garima.css new file mode 100644 index 0000000..1b5fc6e --- /dev/null +++ b/Garima.css @@ -0,0 +1,467 @@ +/* Style Full body */ +body { + font-family: Arial, sans-serif; + line-height: 1.6; + margin: 0; + padding: 0; + color: #333; + background-color: #f4f4f4; + +} + +.container { + max-width: 100%; + margin: auto; + padding: 0 20px; + max-height: 100px; +} + +h1, h2 { + color: black; + text-align: center; + font-size: 1.5em; +} + +p { + margin: 10px 0; + +} + +/* Navigation */ +nav { + background-color: rgba(0, 0, 0, 0.6); + padding: 10px 0; + position: fixed; + width: 100%; + z-index: 3; + top: 0; + border-radius: 0 0 12px 12px; + margin-top: -5px; + + +} + +.logo h1 { + color: white; + font-size: 1.8em; + margin: 0; + padding-left: 20px; + margin-top: 3px; + text-align: center; + display: inline-block; + text-decoration: bold; + + + +} +.logo p{ + font-family: "georgia", sans-serif; + color: white; +} + +.nav-links { + list-style: none; + display: flex; + justify-content: flex-end; + margin-right: 20px; + text-align: center; + margin-top: 0; + margin-top: 4px; +} + +.nav-links li { + margin-left: 20px; + margin-top: -16px; +} + +.nav-links a { + color: #ffffff; + text-decoration: none; + font-size: 1em; + transition: color 0.3s; +} + +.nav-links a:hover { + color: #e8491d; +} + +/* Responsive Menu Toggle */ +.menu-toggle { + display: none; + flex-direction: column; + cursor: pointer; + padding-right: 20px; +} + +.menu-toggle span { + height: 3px; + background-color: #ffffff; + margin: 5px 0; + width: 25px; +} + +@media (max-width: 768px) { + .nav-links { + position: fixed; + right: 0; + height: 100vh; + top: 0; + background-color: rgba(0, 0, 0, 0.9); + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + transform: translateX(100%); + transition: transform 0.3s ease-in-out; + } + + .nav-links li { + margin: 20px 0; + } + + .menu-toggle { + display: flex; + } + + .nav-links.open { + transform: translateX(0); + } +} + +/* Hero Section */ +#hero { + position: relative; + background-image: url(AdobeStock_16628163_Jobsite_Sustainability.jpeg); + background-size: cover; + background-position: center; + height: 100vh; + display: flex; + justify-content: center; + align-items: center; + text-align: center; + color: #ffffff; +} + +#hero::before { + content: ''; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-image: inherit; + background-size: cover; + background-position: center; + filter: blur(8px); + z-index: 1; +} + +.hero-content { + position: relative; + z-index: 2; + max-width: 700px; +} + +.hero-content h1 { + color:wheat; + font-size: 3em; + margin-bottom: 20px; + text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6); +} + +.hero-content p { + font-size: 1.5em; + margin-bottom: 30px; + text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); + color: #ffffff; +} + +.btn { + background-color: #e8491d; + color: #ffffff; + padding: 10px 20px; + text-decoration: none; + border-radius: 5px; + font-size: 1.2em; + transition: background-color 0.3s; +} + +.btn:hover { + background-color: #35424a; +} + + + +.About { + background-color: #ffffff; + padding: 40px; + + box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); + border-radius: 10px; + + + text-align: center; + gap: 0px; + + +} + +.About h2{ + + background-color: black; + color: white; + padding: 15px; + border-radius: 10px; + text-align: center; + display: inline-block; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); + font-size: 20px; + } + .arr{ + font-weight: bold; + color:#35424a; + } + + + .Serve h2{ + background-color: black; + color: white; + padding: 15px; + border-radius: 10px; + text-align: center; + display: inline-block; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); + font-size: 20px; + + } + + + + + +#About { + padding: 20px; + border: 2px solid #333; + background-color: #f4f4f4; + display: inline-block; + border-radius: 5px; + margin-left: 10px; + margin: 20px auto; + text-align: center; + color: #333; + font-size: 1.5em; + text-align: center; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + +} + + +.vision-mission-values { + display: flex; + flex-direction: column; + gap: 15px; + margin-top: 20px; + color: #35424a; +} + +.vision, .mission, .values { + text-align: left; + padding-left: 20px; +} + +.vision h3, .mission h3, .values h3 { + color: #35424a; + text-decoration: underline; +} + + +/* Services Section */ +#services { + flex: 1; + position: relative; + padding: 60px 20px; + text-align: center; + + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + + + z-index: 2; +} + +#services::before { + content: ''; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-image: url('about2.jpg'); + background-size: cover; + background-position: center; + filter: blur(6px); + z-index: -1; + +} + +.services { + display: flex; + justify-content: space-between; + text-align: left; +} + +.service { + flex: 1; + margin: 20px; + padding: 20px; + background-color: #ffffff; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + border-radius: 5px; + padding: 60px 20px; + text-align: center; + +} + +h2 { + color: #333; + margin-bottom: 30px; +} + +h3 { + color: #35424a; + margin-bottom: 15px; + text-decoration: underline; +} + +p { + color: #666; + font-size: 1em; +} + +/* Services Section */ +#services { + padding: 60px 20px; + text-align: center; + background: black; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + z-index: 2; +} + +#services::before { + content: ''; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-image: url('about2.jpg'); + background-size: cover; + background-position: center; + filter: blur(6px); + z-index: -1; +} + +.services { + display: flex; + flex-wrap: wrap; /* Allows wrapping for responsive design */ + justify-content: space-between; + text-align: left; + gap: 20px; /* Adds space between services */ +} + +.service { + flex: 1 1 calc(33.333% - 40px); /* Responsive width with margin gap */ + margin: 20px; + padding: 20px; + background-color: #ffffff; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + border-radius: 5px; + text-align: center; +} + +.service h3 { + color: #35424a; + margin-bottom: 15px; + text-decoration: underline; +} + +.service p { + color: #666; + font-size: 1em; +} + +/* Responsive adjustments */ +@media (max-width: 768px) { + .service { + flex: 1 1 100%; /* Full width on small screens */ + margin: 10px 0; /* Adjust margin for smaller screens */ + } +} + + +/* CTA Section */ +#cta { + padding: 60px 20px; + text-align: center; + background: #ffffff; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); + + margin: 20px; + margin-left: auto; + margin-right: auto; + position: relative; + background-image: url(deal.jpg); + + background-size: cover; + background-position: center; + overflow: hidden; + background-repeat: no-repeat; +} +#cta::before { + content: ''; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-image: inherit; + background-size: cover; + background-position: center; + filter: blur(5px); + z-index: 1; +} + + +.conta { + position: relative; + z-index: 2; + color: #ffffff; + +} +.ready{ + color:black; + text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6); + font-size: 1.8em; + margin-top: 40px; + text-decoration: bold; +} + + +footer { + background-color:black; + font: 1em sans-serif; + padding: 20px; + + color: #ffffff; + text-align: center; + padding: 20px 0; + margin-top: 20px; + box-shadow: 0 0 10px rgb(0, 0, 0,0.2); + + +} + +footer p { + margin: 10; + color: #ffffff; + font-size: 1em; +} diff --git a/Garima.js b/Garima.js new file mode 100644 index 0000000..0ea7c16 --- /dev/null +++ b/Garima.js @@ -0,0 +1,37 @@ +// Smooth scroll effect for navigation links +document.querySelectorAll('a[href^="#"]').forEach(anchor => { + anchor.addEventListener('click', function(e) { + e.preventDefault(); + + document.querySelector(this.getAttribute('href')).scrollIntoView({ + behavior: 'smooth' + }); + }); +}); + +// Responsive menu toggle +const menuToggle = document.querySelector('.menu-toggle'); +const navLinks = document.querySelector('.nav-links'); + +menuToggle.addEventListener('click', () => { + navLinks.classList.toggle('open'); +}); + + +// Smooth Scrolling +document.querySelectorAll('a[href^="#"]').forEach(anchor => { + anchor.addEventListener('click', function(e) { + e.preventDefault(); + + document.querySelector(this.getAttribute('href')).scrollIntoView({ + behavior: 'smooth' + }); + }); +}); + + + +scrollToTopBtn.addEventListener('click', () => { + window.scrollTo({ top: 0, behavior: 'smooth' }); +}); + diff --git a/GarimaAssociates.css b/GarimaAssociates.css new file mode 100644 index 0000000..e69de29 diff --git a/about2.jpg b/about2.jpg new file mode 100644 index 0000000..bd7614d Binary files /dev/null and b/about2.jpg differ diff --git a/contact.jpg b/contact.jpg new file mode 100644 index 0000000..8e1b71f Binary files /dev/null and b/contact.jpg differ diff --git a/deal.jpg b/deal.jpg new file mode 100644 index 0000000..69ff007 Binary files /dev/null and b/deal.jpg differ diff --git a/happyworkers.jpg b/happyworkers.jpg new file mode 100644 index 0000000..2990d0f Binary files /dev/null and b/happyworkers.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..8c1fc8d --- /dev/null +++ b/index.html @@ -0,0 +1,120 @@ + + + + + + Garima Associates - Construction Material Online + + + +
+ +
+

Welcome to Garima Associates

+

Your Trusted Online Partner for Quality Construction Materials

+ Explore Our Services +
+
+ + +
+
+ + + +

About Us

+ +

Founded with the vision of making high-quality construction materials accessible to all, Garima Associates has established itself as a reliable online supplier in the construction industry. We understand the importance of using premium materials in every construction project, which is why we are committed to delivering only the best to our customers.

+ +

At Garima Associates, we believe that building strong relationships with our customers is just as important as building strong structures. Our dedication to customer satisfaction is reflected in our carefully curated selection of products, competitive pricing, and exceptional customer service.

+ +
+
+

Our Vision

+

To become the leading online platform for construction materials, empowering builders, contractors, and homeowners with the tools they need to create lasting and impactful structures.

+
+ +
+

Our Mission

+

Our mission is to provide our customers with an extensive range of top-quality construction materials, delivered swiftly and efficiently, while fostering a culture of trust, reliability, and innovation in the construction industry.

+
+ +
+

Our Core Values

+
    +
  • Quality: We are committed to offering products that meet the highest standards of quality and durability.
    • +
  • Integrity: We conduct our business with honesty and transparency, ensuring our customers can trust us with their construction needs.
    • +
  • Innovation: We continually seek to improve our offerings and services to better serve the evolving needs of our customers.
    • +
  • Customer Satisfaction: Our customers are at the heart of everything we do. We strive to exceed their expectations at every step.
    • +
+
+
+
+
+ + +
+
+

Our Services

+
+
+

High-Quality Materials

+

We offer a wide range of construction materials sourced from trusted suppliers.

+
+
+

Fast Delivery

+

Get your materials delivered quickly and efficiently, right to your site.

+
+
+

Competitive Pricing

+

Our pricing structure is transparent and competitive, ensuring value for your money.

+
+
+

Expert Consultation

+

Our team of experts is available to provide advice and guidance on the best materials for your project.

+
+
+

Custom Orders

+

We can accommodate custom orders to fit the specific needs of your construction project.

+
+
+

Environmental Sustainability

+

We offer eco-friendly materials to help you build sustainably.

+
+
+
+
+ + +
+
+

Ready to build with Garima Associates?

+ Contact Us Today +
+
+ + + + + +