Adding Footer to all files

Rakesh9100 · Jan 15, 2025 · e5306b7 · e5306b7
1 parent 61106fa
commit e5306b7
Show file tree

Hide file tree

Showing 23 changed files with 1,133 additions and 0 deletions.
diff --git a/assets/html_files/accordions.html b/assets/html_files/accordions.html
@@ -112,6 +112,57 @@ <h2>Hmmm, we are not getting any result. <br> Our bad - Please try another searc
             <!-- Components will be loaded here dynamically -->
         </div>
     </section>
+    <!--Footer-->
+    <footer>
+        <div class="footer-container">
+            <div class="company-info">
+                <h2 class="company-name title"><img src="../images/logo.png">Beautiify</h2>
+                <p>
+                    Beautiify comprises a curated selection of beautifully designed components and animations that can be seamlessly incorporated into any website, elevating its overall UI experience. Discover elegant buttons, stylish sliders, and captivating animations to elevate your website.
+                </p>
+            </div>
+            <div class="quick-links">
+                <h2 class="title">Quick Links</h2>
+                <ul class="footer-ul">
+                    <li><a href="../../index.html"><i class="fa-solid fa-house"></i> Home</a></li>
+                    <li><a href="./about.html"><i class="fa-solid fa-circle-info"></i> About</a></li>
+                    <li><a href="../../index.html#components"><i class="fa-solid fa-icons"></i> Components</a></li>
+                    <li><a href="#"><i class="fa-solid fa-users"></i> Contributors</a></li>
+                    <li><a href="./faq.html"><i class="fa-solid fa-question-circle"></i> FAQ</a></li>
+                    <li><a href="./contact.html"><i class="fa-solid fa-phone"></i> Contact</a></li>
+                </ul>
+            </div>
+            <div class="send-message">
+                <h2 class="title">Keep In Touch</h2>
+                <form id="contact-form" name="Beautiify Contact" autocomplete="off" netlify>
+                    <div class="form-group group1">
+                        <input type="text" id="name" name="name" placeholder="Enter your name" autocomplete="name" required oninput="validateName('name')">
+                        <input type="email" id="email" name="email" placeholder="Enter your email" autocomplete="email" required oninput="validateEmail('email')">
+                    </div>
+                    <div class="form-group group1">
+                        <textarea id="message" name="message" placeholder="Leave your message" required></textarea>
+                        <button type="submit">SEND</button>
+                    </div>
+                </form>
+                <div class="social">
+                    <a class="user" href="https://rakesh9100.bio.link/" target="_blank"><i class="fa-solid fa-link"></i></a>
+                    <a class="message" href="mailto:[email protected]" target="_blank"><i class="fa-solid fa-envelope"></i></a>
+                    <a class="linkedin" href="https://www.linkedin.com/in/rakesh-roshan-9100/" target="_blank"><i class="fab fa-linkedin"></i></a>
+                    <a class="github" href="https://www.github.com/Rakesh9100" target="_blank"><i class="fa-brands fa-square-github"></i></a>
+                    <a class="instagram" href="https://www.instagram.com/rakesh250602/" target="_blank"><i class="fa-brands fa-instagram"></i></a>
+                    <a class="facebook" href="https://www.facebook.com/rakesh6203/" target="_blank"><i class="fa-brands fa-square-facebook"></i></a>
+                    <a class="twitter" href="https://twitter.com/rakeshroshan73" target="_blank"><i class="fa-brands fa-square-x-twitter"></i></a>
+                    <a class="discord" href="https://discord.com/users/944144134950748170" target="_blank"><i class="fa-brands fa-discord"></i></a>
+                </div>
+            </div>
+        </div>
+        <p class="copyright">Created By Rakesh Roshan ❤️ | ©
+            <script>
+                document.write(new Date().getFullYear());
+            </script>: All Rights Reserved
+        </p>
+
+    </footer>
 
     <!-- Scroll To Top Button -->
     <div id="progress">

diff --git a/assets/html_files/backgrounds.html b/assets/html_files/backgrounds.html
@@ -112,6 +112,57 @@ <h2>Hmmm, we are not getting any result. <br> Our bad - Please try another searc
             <!-- Components will be loaded here dynamically -->
         </div>
     </section>
+    <!--Footer-->
+    <footer>
+        <div class="footer-container">
+            <div class="company-info">
+                <h2 class="company-name title"><img src="../images/logo.png">Beautiify</h2>
+                <p>
+                    Beautiify comprises a curated selection of beautifully designed components and animations that can be seamlessly incorporated into any website, elevating its overall UI experience. Discover elegant buttons, stylish sliders, and captivating animations to elevate your website.
+                </p>
+            </div>
+            <div class="quick-links">
+                <h2 class="title">Quick Links</h2>
+                <ul class="footer-ul">
+                    <li><a href="../../index.html"><i class="fa-solid fa-house"></i> Home</a></li>
+                    <li><a href="./about.html"><i class="fa-solid fa-circle-info"></i> About</a></li>
+                    <li><a href="../../index.html#components"><i class="fa-solid fa-icons"></i> Components</a></li>
+                    <li><a href="#"><i class="fa-solid fa-users"></i> Contributors</a></li>
+                    <li><a href="./faq.html"><i class="fa-solid fa-question-circle"></i> FAQ</a></li>
+                    <li><a href="./contact.html"><i class="fa-solid fa-phone"></i> Contact</a></li>
+                </ul>
+            </div>
+            <div class="send-message">
+                <h2 class="title">Keep In Touch</h2>
+                <form id="contact-form" name="Beautiify Contact" autocomplete="off" netlify>
+                    <div class="form-group group1">
+                        <input type="text" id="name" name="name" placeholder="Enter your name" autocomplete="name" required oninput="validateName('name')">
+                        <input type="email" id="email" name="email" placeholder="Enter your email" autocomplete="email" required oninput="validateEmail('email')">
+                    </div>
+                    <div class="form-group group1">
+                        <textarea id="message" name="message" placeholder="Leave your message" required></textarea>
+                        <button type="submit">SEND</button>
+                    </div>
+                </form>
+                <div class="social">
+                    <a class="user" href="https://rakesh9100.bio.link/" target="_blank"><i class="fa-solid fa-link"></i></a>
+                    <a class="message" href="mailto:[email protected]" target="_blank"><i class="fa-solid fa-envelope"></i></a>
+                    <a class="linkedin" href="https://www.linkedin.com/in/rakesh-roshan-9100/" target="_blank"><i class="fab fa-linkedin"></i></a>
+                    <a class="github" href="https://www.github.com/Rakesh9100" target="_blank"><i class="fa-brands fa-square-github"></i></a>
+                    <a class="instagram" href="https://www.instagram.com/rakesh250602/" target="_blank"><i class="fa-brands fa-instagram"></i></a>
+                    <a class="facebook" href="https://www.facebook.com/rakesh6203/" target="_blank"><i class="fa-brands fa-square-facebook"></i></a>
+                    <a class="twitter" href="https://twitter.com/rakeshroshan73" target="_blank"><i class="fa-brands fa-square-x-twitter"></i></a>
+                    <a class="discord" href="https://discord.com/users/944144134950748170" target="_blank"><i class="fa-brands fa-discord"></i></a>
+                </div>
+            </div>
+        </div>
+        <p class="copyright">Created By Rakesh Roshan ❤️ | ©
+            <script>
+                document.write(new Date().getFullYear());
+            </script>: All Rights Reserved
+        </p>
+
+    </footer>
 
     <!-- Scroll To Top Button -->
     <div id="progress">

diff --git a/assets/html_files/breadcrumbs.html b/assets/html_files/breadcrumbs.html
@@ -112,6 +112,57 @@ <h2>Hmmm, we are not getting any result. <br> Our bad - Please try another searc
             <!-- Components will be loaded here dynamically -->
         </div>
     </section>
+    <!--Footer-->
+    <footer>
+        <div class="footer-container">
+            <div class="company-info">
+                <h2 class="company-name title"><img src="../images/logo.png">Beautiify</h2>
+                <p>
+                    Beautiify comprises a curated selection of beautifully designed components and animations that can be seamlessly incorporated into any website, elevating its overall UI experience. Discover elegant buttons, stylish sliders, and captivating animations to elevate your website.
+                </p>
+            </div>
+            <div class="quick-links">
+                <h2 class="title">Quick Links</h2>
+                <ul class="footer-ul">
+                    <li><a href="../../index.html"><i class="fa-solid fa-house"></i> Home</a></li>
+                    <li><a href="./about.html"><i class="fa-solid fa-circle-info"></i> About</a></li>
+                    <li><a href="../../index.html#components"><i class="fa-solid fa-icons"></i> Components</a></li>
+                    <li><a href="#"><i class="fa-solid fa-users"></i> Contributors</a></li>
+                    <li><a href="./faq.html"><i class="fa-solid fa-question-circle"></i> FAQ</a></li>
+                    <li><a href="./contact.html"><i class="fa-solid fa-phone"></i> Contact</a></li>
+                </ul>
+            </div>
+            <div class="send-message">
+                <h2 class="title">Keep In Touch</h2>
+                <form id="contact-form" name="Beautiify Contact" autocomplete="off" netlify>
+                    <div class="form-group group1">
+                        <input type="text" id="name" name="name" placeholder="Enter your name" autocomplete="name" required oninput="validateName('name')">
+                        <input type="email" id="email" name="email" placeholder="Enter your email" autocomplete="email" required oninput="validateEmail('email')">
+                    </div>
+                    <div class="form-group group1">
+                        <textarea id="message" name="message" placeholder="Leave your message" required></textarea>
+                        <button type="submit">SEND</button>
+                    </div>
+                </form>
+                <div class="social">
+                    <a class="user" href="https://rakesh9100.bio.link/" target="_blank"><i class="fa-solid fa-link"></i></a>
+                    <a class="message" href="mailto:[email protected]" target="_blank"><i class="fa-solid fa-envelope"></i></a>
+                    <a class="linkedin" href="https://www.linkedin.com/in/rakesh-roshan-9100/" target="_blank"><i class="fab fa-linkedin"></i></a>
+                    <a class="github" href="https://www.github.com/Rakesh9100" target="_blank"><i class="fa-brands fa-square-github"></i></a>
+                    <a class="instagram" href="https://www.instagram.com/rakesh250602/" target="_blank"><i class="fa-brands fa-instagram"></i></a>
+                    <a class="facebook" href="https://www.facebook.com/rakesh6203/" target="_blank"><i class="fa-brands fa-square-facebook"></i></a>
+                    <a class="twitter" href="https://twitter.com/rakeshroshan73" target="_blank"><i class="fa-brands fa-square-x-twitter"></i></a>
+                    <a class="discord" href="https://discord.com/users/944144134950748170" target="_blank"><i class="fa-brands fa-discord"></i></a>
+                </div>
+            </div>
+        </div>
+        <p class="copyright">Created By Rakesh Roshan ❤️ | ©
+            <script>
+                document.write(new Date().getFullYear());
+            </script>: All Rights Reserved
+        </p>
+
+    </footer>
 
     <!-- Scroll To Top Button -->
     <div id="progress">

diff --git a/assets/html_files/buttons.html b/assets/html_files/buttons.html
@@ -112,6 +112,57 @@ <h2>Hmmm, we are not getting any result. <br> Our bad - Please try another searc
             <!-- Components will be loaded here dynamically -->
         </div>
     </section>
+    <!--Footer-->
+    <footer>
+        <div class="footer-container">
+            <div class="company-info">
+                <h2 class="company-name title"><img src="../images/logo.png">Beautiify</h2>
+                <p>
+                    Beautiify comprises a curated selection of beautifully designed components and animations that can be seamlessly incorporated into any website, elevating its overall UI experience. Discover elegant buttons, stylish sliders, and captivating animations to elevate your website.
+                </p>
+            </div>
+            <div class="quick-links">
+                <h2 class="title">Quick Links</h2>
+                <ul class="footer-ul">
+                    <li><a href="../../index.html"><i class="fa-solid fa-house"></i> Home</a></li>
+                    <li><a href="./about.html"><i class="fa-solid fa-circle-info"></i> About</a></li>
+                    <li><a href="../../index.html#components"><i class="fa-solid fa-icons"></i> Components</a></li>
+                    <li><a href="#"><i class="fa-solid fa-users"></i> Contributors</a></li>
+                    <li><a href="./faq.html"><i class="fa-solid fa-question-circle"></i> FAQ</a></li>
+                    <li><a href="./contact.html"><i class="fa-solid fa-phone"></i> Contact</a></li>
+                </ul>
+            </div>
+            <div class="send-message">
+                <h2 class="title">Keep In Touch</h2>
+                <form id="contact-form" name="Beautiify Contact" autocomplete="off" netlify>
+                    <div class="form-group group1">
+                        <input type="text" id="name" name="name" placeholder="Enter your name" autocomplete="name" required oninput="validateName('name')">
+                        <input type="email" id="email" name="email" placeholder="Enter your email" autocomplete="email" required oninput="validateEmail('email')">
+                    </div>
+                    <div class="form-group group1">
+                        <textarea id="message" name="message" placeholder="Leave your message" required></textarea>
+                        <button type="submit">SEND</button>
+                    </div>
+                </form>
+                <div class="social">
+                    <a class="user" href="https://rakesh9100.bio.link/" target="_blank"><i class="fa-solid fa-link"></i></a>
+                    <a class="message" href="mailto:[email protected]" target="_blank"><i class="fa-solid fa-envelope"></i></a>
+                    <a class="linkedin" href="https://www.linkedin.com/in/rakesh-roshan-9100/" target="_blank"><i class="fab fa-linkedin"></i></a>
+                    <a class="github" href="https://www.github.com/Rakesh9100" target="_blank"><i class="fa-brands fa-square-github"></i></a>
+                    <a class="instagram" href="https://www.instagram.com/rakesh250602/" target="_blank"><i class="fa-brands fa-instagram"></i></a>
+                    <a class="facebook" href="https://www.facebook.com/rakesh6203/" target="_blank"><i class="fa-brands fa-square-facebook"></i></a>
+                    <a class="twitter" href="https://twitter.com/rakeshroshan73" target="_blank"><i class="fa-brands fa-square-x-twitter"></i></a>
+                    <a class="discord" href="https://discord.com/users/944144134950748170" target="_blank"><i class="fa-brands fa-discord"></i></a>
+                </div>
+            </div>
+        </div>
+        <p class="copyright">Created By Rakesh Roshan ❤️ | ©
+            <script>
+                document.write(new Date().getFullYear());
+            </script>: All Rights Reserved
+        </p>
+
+    </footer>
 
     <!-- Scroll To Top Button -->
     <div id="progress">

diff --git a/assets/html_files/cards.html b/assets/html_files/cards.html
@@ -113,6 +113,57 @@ <h2>Hmmm, we are not getting any result. <br> Our bad - Please try another searc
             <!-- Components will be loaded here dynamically -->
         </div>
     </section>
+    <!--Footer-->
+    <footer>
+        <div class="footer-container">
+            <div class="company-info">
+                <h2 class="company-name title"><img src="../images/logo.png">Beautiify</h2>
+                <p>
+                    Beautiify comprises a curated selection of beautifully designed components and animations that can be seamlessly incorporated into any website, elevating its overall UI experience. Discover elegant buttons, stylish sliders, and captivating animations to elevate your website.
+                </p>
+            </div>
+            <div class="quick-links">
+                <h2 class="title">Quick Links</h2>
+                <ul class="footer-ul">
+                    <li><a href="../../index.html"><i class="fa-solid fa-house"></i> Home</a></li>
+                    <li><a href="./about.html"><i class="fa-solid fa-circle-info"></i> About</a></li>
+                    <li><a href="../../index.html#components"><i class="fa-solid fa-icons"></i> Components</a></li>
+                    <li><a href="#"><i class="fa-solid fa-users"></i> Contributors</a></li>
+                    <li><a href="./faq.html"><i class="fa-solid fa-question-circle"></i> FAQ</a></li>
+                    <li><a href="./contact.html"><i class="fa-solid fa-phone"></i> Contact</a></li>
+                </ul>
+            </div>
+            <div class="send-message">
+                <h2 class="title">Keep In Touch</h2>
+                <form id="contact-form" name="Beautiify Contact" autocomplete="off" netlify>
+                    <div class="form-group group1">
+                        <input type="text" id="name" name="name" placeholder="Enter your name" autocomplete="name" required oninput="validateName('name')">
+                        <input type="email" id="email" name="email" placeholder="Enter your email" autocomplete="email" required oninput="validateEmail('email')">
+                    </div>
+                    <div class="form-group group1">
+                        <textarea id="message" name="message" placeholder="Leave your message" required></textarea>
+                        <button type="submit">SEND</button>
+                    </div>
+                </form>
+                <div class="social">
+                    <a class="user" href="https://rakesh9100.bio.link/" target="_blank"><i class="fa-solid fa-link"></i></a>
+                    <a class="message" href="mailto:[email protected]" target="_blank"><i class="fa-solid fa-envelope"></i></a>
+                    <a class="linkedin" href="https://www.linkedin.com/in/rakesh-roshan-9100/" target="_blank"><i class="fab fa-linkedin"></i></a>
+                    <a class="github" href="https://www.github.com/Rakesh9100" target="_blank"><i class="fa-brands fa-square-github"></i></a>
+                    <a class="instagram" href="https://www.instagram.com/rakesh250602/" target="_blank"><i class="fa-brands fa-instagram"></i></a>
+                    <a class="facebook" href="https://www.facebook.com/rakesh6203/" target="_blank"><i class="fa-brands fa-square-facebook"></i></a>
+                    <a class="twitter" href="https://twitter.com/rakeshroshan73" target="_blank"><i class="fa-brands fa-square-x-twitter"></i></a>
+                    <a class="discord" href="https://discord.com/users/944144134950748170" target="_blank"><i class="fa-brands fa-discord"></i></a>
+                </div>
+            </div>
+        </div>
+        <p class="copyright">Created By Rakesh Roshan ❤️ | ©
+            <script>
+                document.write(new Date().getFullYear());
+            </script>: All Rights Reserved
+        </p>
+
+    </footer>
 
     <!-- Scroll To Top Button -->
     <div id="progress">