Skip to content

Commit 16e3771

Browse files
anju6814anju6814
authored
Merge branch 'master' into master
2 parents 8796d04 + 621393c commit 16e3771

File tree

2 files changed

+160
-91
lines changed

2 files changed

+160
-91
lines changed

‎index.html‎

Lines changed: 155 additions & 90 deletions
Original file line numberDiff line numberDiff line change
@@ -910,6 +910,76 @@
910910
}
911911
}
912912

913+
/* Newsletter Section */
914+
.newsletter-text {
915+
font-size: 0.95rem;
916+
margin-bottom: 8px;
917+
color: #333;
918+
}
919+
920+
.newsletter-form {
921+
display: flex;
922+
gap: 8px;
923+
align-items: center;
924+
margin-bottom: 0; /* remove extra spacing */
925+
}
926+
927+
.newsletter-input {
928+
flex: 1;
929+
padding: 10px 12px;
930+
border: 1px solid #ccc;
931+
border-radius: 8px;
932+
font-size: 0.9rem;
933+
outline: none;
934+
transition: border 0.3s ease;
935+
}
936+
937+
.newsletter-input:focus {
938+
border-color: #007bff;
939+
}
940+
941+
.newsletter-btn {
942+
padding: 10px 18px;
943+
background: #007bff;
944+
border: none;
945+
border-radius: 8px;
946+
color: #fff;
947+
font-size: 0.9rem;
948+
font-weight: 500;
949+
cursor: pointer;
950+
transition: all 0.3s ease;
951+
}
952+
953+
.newsletter-btn:hover {
954+
background: #0056b3;
955+
transform: translateY(-2px);
956+
}
957+
958+
/* Toast Message */
959+
.toast-msg {
960+
visibility: hidden;
961+
min-width: 220px;
962+
background: #28a745;
963+
color: #fff;
964+
text-align: center;
965+
border-radius: 8px;
966+
padding: 12px;
967+
position: fixed;
968+
bottom: 30px;
969+
right: 30px;
970+
z-index: 9999;
971+
font-size: 0.9rem;
972+
opacity: 0;
973+
transition: opacity 0.5s ease, bottom 0.5s ease;
974+
}
975+
976+
.toast-msg.show {
977+
visibility: visible;
978+
opacity: 1;
979+
bottom: 50px;
980+
}
981+
982+
913983
/*Dark Mode*/
914984

915985
/* Dark Mode Navbar Overrides */
@@ -2002,102 +2072,75 @@ <h2 class="feedback-title text-center mb-3">Feedback & Reviews</h2>
20022072
</div>
20032073
</section>
20042074
<!-- Feedback & Reviews section ends here -->
2005-
<!-- Professional Footer -->
2006-
<footer class="professional-footer">
2007-
<div class="container">
2008-
2009-
<div class="row g-4 py-4">
2010-
<!-- Footer Columns -->
2011-
<div class="col-lg-4 col-md-6">
2012-
<div class="footer-brand">
2013-
<img src="images/Logo.png" alt="GrowCraft Logo" class="footer-logo mb-3">
2014-
<h4 class="brand-name">GrowCraft</h4>
2015-
<p class="brand-description">Empowering businesses with
2016-
innovative digital solutions and creative excellence.</p>
2017-
<div class="quick-stats">
2018-
<div class="stat-item">
2019-
<span class="stat-number">500+</span>
2020-
<span class="stat-label">Projects</span>
2021-
</div>
2022-
<div class="stat-item">
2023-
<span class="stat-number">150+</span>
2024-
<span class="stat-label">Clients</span>
2025-
</div>
2026-
<div class="stat-item">
2027-
<span class="stat-number">5+</span>
2028-
<span class="stat-label">Years</span>
2029-
</div>
2030-
2075+
2076+
<!-- Professional Footer -->
2077+
<footer class="professional-footer">
2078+
<div class="container">
2079+
2080+
<div class="row g-4 py-4">
2081+
<!-- Footer Columns -->
2082+
<div class="col-lg-4 col-md-6">
2083+
<div class="footer-brand">
2084+
<img src="images/Logo.png" alt="GrowCraft Logo" class="footer-logo mb-3">
2085+
<h4 class="brand-name">GrowCraft</h4>
2086+
<p class="brand-description">Empowering businesses with
2087+
innovative digital solutions and creative excellence.</p>
2088+
<div class="quick-stats">
2089+
<div class="stat-item">
2090+
<span class="stat-number">500+</span>
2091+
<span class="stat-label">Projects</span>
2092+
</div>
2093+
<div class="stat-item">
2094+
<span class="stat-number">150+</span>
2095+
<span class="stat-label">Clients</span>
2096+
</div>
2097+
<div class="stat-item">
2098+
<span class="stat-number">5+</span>
2099+
<span class="stat-label">Years</span>
20312100
</div>
20322101
</div>
20332102
</div>
2103+
</div>
20342104

2105+
<!-- Services Links -->
2106+
<div class="col-lg-2 col-md-3 col-6">
2107+
<h5 class="footer-title">Services</h5>
2108+
<ul class="footer-links">
2109+
<li><a href="learn/webdev.html">Web Development</a></li>
2110+
<li><a href="learn/graphic.html">Graphic Design</a></li>
2111+
<li><a href="src/digital-marketing.html">Digital Marketing</a></li>
2112+
<li><a href="learn/contentwriting.html">Content Writing</a></li>
2113+
<li><a href="learn/socialmedia.html">Social Media</a></li>
2114+
<li><a href="learn/cyberanalyst.html">Cyber Analyst</a></li>
2115+
</ul>
2116+
</div>
20352117

2036-
<!-- Services Links -->
2037-
<div class="col-lg-2 col-md-3 col-6">
2038-
<h5 class="footer-title">Services</h5>
2039-
<ul class="footer-links">
2040-
<li><a href="learn/webdev.html">Web Development</a></li>
2041-
<li><a href="learn/graphic.html">Graphic Design</a></li>
2042-
<li><a href="src/digital-marketing.html">Digital Marketing</a></li>
2043-
<li><a href="learn/contentwriting.html">Content Writing</a></li>
2044-
<li><a href="learn/socialmedia.html">Social Media</a></li>
2045-
<li><a href="learn/cyberanalyst.html">Cyber Analyst</a></li>
2046-
</ul>
2047-
</div>
2048-
2049-
<!-- Quick Links -->
2050-
<div class="col-lg-2 col-md-3 col-6">
2051-
<h5 class="footer-title">Quick Links</h5>
2052-
<ul class="footer-links">
2053-
<li><a href="about.html">About Us</a></li>
2054-
<li><a href="#work">Portfolio</a></li>
2055-
<li><a href="src/contact.html">Contact</a></li>
2056-
<li><a href="#careers">Careers</a></li>
2057-
<li><a href="blogListing.html">Blog</a></li>
2058-
</ul>
2059-
</div>
2060-
2061-
<!-- Contact -->
2062-
<div class="col-lg-4 col-md-6">
2063-
<h5 class="footer-title">Get In Touch</h5>
2064-
<div class="contact-info mb-3">
2065-
<div class="contact-item">
2066-
<i class="fas fa-envelope"></i>
2067-
<a href="mailto:info@growcraft.com">info@growcraft.com</a>
2068-
</div>
2069-
<div class="contact-item">
2070-
<i class="fas fa-phone"></i>
2071-
<a href="tel:+919999999999">+91 999 999 999</a>
2072-
</div>
2073-
<div class="contact-item">
2074-
<i class="fas fa-map-marker-alt"></i>
2075-
<span>ABC Street, XYZ City, India</span>
2076-
</div>
2077-
</div>
2078-
<div class="social-section">
2079-
<h6 class="social-title">Follow Us</h6>
2080-
<div class="social-links">
2081-
<a target="_blank" href="https://facebook.com" class="social-link" aria-label="Facebook">
2082-
<i class="fab fa-facebook-f"></i>
2083-
</a>
2084-
<a target="_blank" href="https://instagram.com" class="social-link" aria-label="Instagram">
2085-
<i class="fab fa-instagram"></i>
2086-
</a>
2087-
<a target="_blank" href="https://linkedin.com" class="social-link" aria-label="LinkedIn">
2088-
<i class="fab fa-linkedin-in"></i>
2089-
</a>
2090-
<a target="_blank" href="https://github.com" class="social-link" aria-label="GitHub">
2091-
<i class="fab fa-github"></i>
2092-
</a>
2093-
<a target="_blank" href="https://twitter.com" class="social-link" aria-label="Twitter">
2094-
<i class="fab fa-twitter"></i>
2095-
</a>
2118+
<!-- Quick Links -->
2119+
<div class="col-lg-2 col-md-3 col-6">
2120+
<h5 class="footer-title">Quick Links</h5>
2121+
<ul class="footer-links">
2122+
<li><a href="about.html">About Us</a></li>
2123+
<li><a href="#work">Portfolio</a></li>
2124+
<li><a href="src/contact.html">Contact</a></li>
2125+
<li><a href="#careers">Careers</a></li>
2126+
<li><a href="blogListing.html">Blog</a></li>
2127+
</ul>
2128+
</div>
20962129

2097-
</div>
2098-
</div>
2130+
<!-- Newsletter (Right Side) -->
2131+
<div class="col-lg-4 col-md-6 d-flex flex-column justify-content-between">
2132+
<div>
2133+
<h5 class="footer-title">Newsletter</h5>
2134+
<p class="newsletter-text">Subscribe to our newsletter for the latest updates.</p>
2135+
<form class="newsletter-form" onsubmit="showToast(event)">
2136+
<input type="email" id="newsletterEmail" class="newsletter-input" placeholder="Enter your email" required>
2137+
<button type="submit" class="newsletter-btn">Subscribe</button>
2138+
</form>
20992139
</div>
2140+
<!-- Toast -->
2141+
<div id="newsletterToast" class="toast-msg">✅ Subscribed Successfully!</div>
21002142
</div>
2143+
21012144
<!-- End Footer Main Container -->
21022145
<!-- End Footer -->
21032146

@@ -2116,13 +2159,35 @@ <h6 class="social-title">Follow Us</h6>
21162159
<a href="./terms.html">Terms</a>
21172160
<a href="./sitemap.html">Sitemap</a>
21182161
</div>
2162+
21192163
</div>
21202164
</div>
21212165
</div>
21222166
</div>
21232167
</div>
2124-
</footer>
2125-
<!-- Professional Footer ends -->
2168+
</div>
2169+
</footer>
2170+
<!-- Professional Footer ends -->
2171+
2172+
<script>
2173+
function showToast(event) {
2174+
event.preventDefault();
2175+
const emailInput = document.getElementById("newsletterEmail");
2176+
if (!emailInput.value) return; // just in case
2177+
2178+
const toast = document.getElementById("newsletterToast");
2179+
toast.classList.add("show");
2180+
2181+
// clear the email field
2182+
emailInput.value = "";
2183+
2184+
setTimeout(() => {
2185+
toast.classList.remove("show");
2186+
}, 3000);
2187+
}
2188+
</script>
2189+
2190+
21262191

21272192
<!-- Enhanced Scroll to Top Button -->
21282193
<button id="backToTop" title="Go to top" type="button">

‎src/social-media.html‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1327,7 +1327,11 @@
13271327
<!-- Navbar starts here -->
13281328
<nav class="navbar navbar-expand-lg bg-body-tertiary">
13291329
<div class="container-fluid d-flex justify-content-between align-items-center px-2 px-sm-5">
1330-
<a class="navbar-brand" href="#"><img src="../images/Logo.png" alt="GrowCraft" width="200" id="logo"></a>
1330+
<a class="navbar-brand" href="#">
1331+
<img src="../images/Logo_new.png" alt="GrowCraft" width="200" id="site-logo">
1332+
</a>
1333+
1334+
13311335

13321336
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
13331337
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">

0 commit comments

Comments
 (0)