Merge pull request #698 from PVBharadwaj/resources_added

Resources page added
agamjotsingh18 · Aug 8, 2023 · e9e7cc9 · e9e7cc9
2 parents 6326f98 + d2f8906
commit e9e7cc9
Show file tree

Hide file tree

Showing 4 changed files with 455 additions and 2 deletions.
diff --git a/Contributer.html b/Contributer.html
@@ -124,7 +124,7 @@
         <nav id="navbar" class="navbar">
           <ul>
             <li>
-              <a class="nav-link scrollto active" href="./index.html#hero"
+              <a class="nav-link scrollto" href="./index.html#hero"
                 >Home</a
               >
             </li>
@@ -142,7 +142,13 @@
               >
             </li>
             <li>
-              <a class="nav-link scrollto" href="Contributer.html"
+              <a class="nav-link scrollto " href="Resources.html"
+                >Resources</a
+              >
+            </li>
+
+            <li>
+              <a class="nav-link scrollto active" href="Contributer.html"
                 >Our Contributors</a
               >
             </li>

diff --git a/Resources.html b/Resources.html
@@ -0,0 +1,337 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
+    <title>RESOURCES</title>
+    <meta content="Here are some of the best open-source projects to start your open-source contibution and learn news things along with it" name="description" />
+    <!-- Long tail keywords -->
+    <meta content="best open-source projects, open-source projects to start with, easy open source projects" name="keywords" />
+
+    <!-- Favicons -->
+    <link href="assets/img/Light Blue.webp" rel="icon" />
+    <link href="assets/img/Light Blue.webp" rel="apple-touch-icon" />
+
+    <!-- Google Fonts -->
+    <link
+      href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Raleway:300,400,500,700,800|Montserrat:300,400,700"
+      rel="stylesheet"
+    />
+
+    <link 
+    rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
+
+
+    <!-- CSS CDNs -->
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css"
+      integrity="sha512-1cK78a1o+ht2JcaW6g8OXYwqpev9+6GqOkz9xmBN9iUUhIndKtxwILGWYOSibOKjLsEdjyjZvYDq/cZwNeak0w=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
+    />
+
+
+
+    <link
+      href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
+      crossorigin="anonymous"
+    />
+
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.8.1/font/bootstrap-icons.min.css"
+      integrity="sha512-Oy+sz5W86PK0ZIkawrG0iv7XwWhYecM3exvUtMKNJMekGFJtVAhibhRPTpmyTj8+lJCkmWfnpxKgT2OopquBHA=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
+    />
+
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/boxicons/2.1.1/css/boxicons.min.css"
+      integrity="sha512-nOk7sj5T6Zi3Ond5VHhc+L4WHvRuRhV/cOcWWDl2mOyTetiIfuv56UJzD0yYhz9Kqwk1PpU0/PX5+qpX43hVWg=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
+    />
+
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.0.6/swiper-bundle.css"
+      integrity="sha512-+S5HQ2Ix/L84uhBLMimQiJlFjqR/Unnord77MEDNpWtK99i2Tk212EPb3/ahEjgaPRBKkKtTzMHIdO2HQXT3dQ=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
+    />
+
+    <!-- CSS  -->
+    <link href="assets/css/style.css" rel="stylesheet" />
+    <link rel="stylesheet" href="./assets/css/darkmode.css" />
+    <!-- <link rel="stylesheet" href="help.css"> -->
+
+    <script src=""></script>
+    <style>
+      #preloader {
+        background: white url("assets/img/Rhombus.gif") no-repeat center center;
+
+        background-size: 10%;
+        height: 100vh;
+        width: 100%;
+        position: fixed;
+        z-index: 999999;
+      }
+  </style>
+  </head>
+
+    <!-- </head> -->
+    <!-- <body> -->
+    <body onload="myFunction()">
+        <div id="preloader"></div>
+        <!-- ======= Header ======= -->
+        <header id="header" class="d-flex align-items-center">
+          <div class="container d-flex justify-content-between">
+            <div id="logo">
+              <a href="index.html"
+                ><img
+                  src="assets/img/Banner - Light.webp"
+                  alt="CodeSetGo Logo"
+                  height="50px"
+                  width="270px"
+              /></a>
+            </div>
+            <nav id="navbar" class="navbar">
+              <ul>
+                <li><a class="nav-link scrollto" href="./index.html#hero">Home</a></li>
+                <li><a class="nav-link scrollto" href="./index.html#about">About</a></li>
+                <li><a class="nav-link scrollto" href="./index.html#services">Services</a></li>
+                <li>
+                  <a class="nav-link scrollto" href="./index.html#testimonials">Testimonials</a>
+                </li>
+                <li><a class="nav-link scrollto active" href="Resources.html">Resources</a></li>
+                <li><a class="nav-link scrollto " href="Contributer.html">Our Contributors</a></li>
+                <li><a class="nav-link scrollto" href="./index.html#contact">Contact</a></li>
+                <li>
+                  <a
+                    href="./hacktoberfest.html"
+                    class="btn-get-started scrollto hacktoberfest-btn"
+                    >Hacktoberfest</a
+                  >
+                </li>
+                <li class="darkmode"></li>
+              </ul>
+
+              <i class="bi bi-list mobile-nav-toggle"></i>
+            </nav>
+          </div>
+        </header>
+        <!-- End Header --> 
+
+        <div class="w3-container w3-cursive w3-center" style="text-align: center;">
+            <p style="font-size: 50px; color:#198df9;">RESOURCES</p>
+        </div>
+        <div style="margin: 50px;">
+
+          </div>
+
+          <section id="resources">
+            <div class="container" data-aos="fade-up">
+                <div class="section-header">
+                    <h2>Resources</h2>
+                    <p>
+                    We aim to provide a real world practical learning experience and
+                    keep students informed about the latest trends in technology,
+                    open-source and opportunities. You can view and access the resources
+                    from here.
+                    </p>
+                </div>
+                <div class="row gy-4 justify-content-center">
+                    <div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
+                        <div class="box">
+                            <div class="icon">
+                                <i class="bi bi-journal-code"></i>
+                                <h4 class="title">DSA</h4>
+                                <a href="https://www.youtube.com/playlist?list=PLfqMhTWNBTe0b2nM6JHVCnAkhQRGiZMSJ"><p>CLICK HERE</p></a>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
+                        <div class="box">
+                            <div class="icon">
+                                <i class="bi bi-journal-code"></i>
+                                <h4 class="title">C++</h4>
+                                <a href="https://www.youtube.com/watch?v=8jLOx1hD3_o&t=59015s"><p>CLICK HERE</p></a>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
+                        <div class="box">
+                            <div class="icon">
+                                <i class="bi bi-journal-code"></i>
+                                <h4 class="title">Web development</h4>
+                                <a href="https://www.youtube.com/playlist?list=PLfqMhTWNBTe3H6c9OGXb5_6wcc1Mca52n"><p>CLICK HERE</p></a>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
+                        <div class="box">
+                            <div class="icon">
+                                <i class="bi bi-journal-code"></i>
+                                <h4 class="title">Java Programming</h4>
+                                <a href="https://www.youtube.com/playlist?list=PLfqMhTWNBTe3LtFWcvwpqTkUSlB32kJop"><p>CLICK HERE</p></a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+          </section>
+
+       <!--footer-->
+    <div class="section"><h3>Reach <span>US</span></h3>
+      <div class="wrapper">
+          <a 
+             href="https://discord.gg/yWhNysUEej" 
+             class="icon facebook" target="_blank" 
+             aria-label="Join with us on Discord" 
+             title="Discord (External Link)" 
+             rel="noopener noreferrer"
+           >
+            <div class="tooltip">Discord</div>
+            <span><i class="fab fa-discord"></i></span>
+          </a>
+          <a 
+             href="https://www.youtube.com/channel/UC4dJIsV1bWwCwPFHFI6sY7Q?sub_confirmation=1" 
+             class="icon twitter" 
+             target="_blank" 
+             aria-label="Visit us on Youtube" 
+             title="Youtube (External Link)" 
+             rel="noopener noreferrer" 
+           >
+            <div class="tooltip">YouTube</div>
+            <span><i class='fab fa-youtube'></i></span>
+          </a>
+          <a 
+             href="https://instagram.com/codesetgo/" 
+             class="icon instagram" 
+             target="_blank" 
+             aria-label="Visit us on Instagram" 
+             title="Instagram (External Link)" 
+             rel="noopener noreferrer"
+           >
+            <div class="tooltip">Instagram</div>
+            <span><i class="fab fa-instagram"></i></span>
+          </a>
+          <a 
+             href="https://github.com/CodeSetGo" 
+             class="icon github" 
+             target="_blank" 
+             aria-label="Visit us on Github" 
+             title="Github (External Link)" 
+             rel="noopener noreferrer"
+           >
+            <div class="tooltip">Github</div>
+            <span><i class="fab fa-github"></i></span>
+          </a>
+          <a 
+             href="https://www.linkedin.com/company/codesetgo/" 
+             class="icon linkedin" 
+             target="_blank" 
+             aria-label="Visit us on Linkedin" 
+             title="Linkedin (External Link)" 
+             rel="noopener noreferrer"
+           >
+            <div class="tooltip">Linkedin</div>
+            <span><i class="fab fa-linkedin"></i></span>
+          </a>
+          <a 
+             href="https://t.me/Code_Set_Go" 
+             class="icon linkedin" 
+             target="_blank" 
+             aria-label="Join us on Telegram" 
+             title="Twitter (External Link)" 
+             rel="noopener noreferrer"
+           >
+              <div class="tooltip">Telegram</div>
+              <span><i class='fab fa-telegram-plane'></i></span>
+          </a>
+        </div>
+        <hr>
+        <div>
+          <div class="footer-copyright">
+            <h4>Made with ❤️ by CodeSetGo Team</h4>
+          </div>
+        </div>
+      </div>
+<!--footer-->
+
+      <a
+      href="#"
+      class="back-to-top d-flex align-items-center justify-content-center"
+      ><i class="bi bi-arrow-up-short"></i
+    ></a>
+
+    <!-- JS CDN -->
+    <script
+      src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"
+      integrity="sha512-A7AYk1fGKX6S2SsHywmPkrnzTZHrgiVT7GcQkLGDe2ev0aWb8zejytzS8wjo7PGEXKqJOrjQ4oORtnimIRZBtw=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
+    ></script>
+
+    <script
+      src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
+      integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
+      crossorigin="anonymous"
+    ></script>
+
+    <script
+      src="https://cdnjs.cloudflare.com/ajax/libs/jquery.isotope/3.0.6/isotope.pkgd.min.js"
+      integrity="sha512-Zq2BOxyhvnRFXu0+WE6ojpZLOU2jdnqbrM1hmVdGzyeCa1DgM3X5Q4A/Is9xA1IkbUeDd7755dNNI/PzSf2Pew=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
+    ></script>
+
+    <script
+      src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.0.6/swiper-bundle.min.js"
+      integrity="sha512-4w/aaXboO6KY1E/dqYwfq09sZnM+XDIcWvmHhfxvMQ+qwK84kxgWtNkAqbFNMLYd6EYA3nSgxTSyif/D3vlVMg=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
+    ></script>
+
+    <script
+      type="module"
+      src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"
+    ></script>
+    <script
+      nomodule
+      src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"
+    ></script>
+
+    <script
+      type="text/javascript"
+      src="https://cdn.jsdelivr.net/npm/@emailjs/browser@3/dist/email.min.js"
+    ></script>
+
+    <script
+      type="text/javascript"
+      src="https://cdn.jsdelivr.net/npm/@emailjs/browser@3/dist/email.min.js"
+    ></script>
+
+     <!-- JS -->
+    <script defer src="./assets/js/darkmode_logic.js"></script>
+    <script type="text/javascript"
+    src="https://studio.alan.app/web/lib/alan_lib.min.js"></script>
+     <script src="assets/js/main.js"></script>
+    <script>
+      var loader = document.getElementById("preloader");
+
+      function myFunction() {
+        preloader.style.display = "none";
+      }
+    </script>
+
+
+  </body>
+</html>