TechNexus/index.html at main · thepratappawar/TechNexus · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="apple-touch-icon" sizes="180x180" href="Favicon/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="Favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="Favicon/favicon-16x16.png">
    <link rel="manifest" href="Favicon/site.webmanifest">
    <title>TechNexus - Home</title>
    <link rel="stylesheet" href="static/css/style.css">
    <script src="https://kit.fontawesome.com/13efbb5995.js" crossorigin="anonymous"></script>
</head>
<body>
<div id="header">

        <div class="small-container">
        <nav>
            <img src="images/logo-no-background.png" class="logo">
            <ul id="sidemenu">
                <li> <a href="index.html" style="--i:1">Home</a></li>
                <li> <a href="offline-events.html" style="--i:2">Offline Events</a></li>
                <li> <a href="virtual-events.html" style="--i:3">Online Events</a></li>
                <li> <a href="contributors.html" style="--i:4">Our Team</a></li>
                <li> <a href="#contact" style="--i:5">Contact</a></li>
                <i class="fa-sharp fa-solid fa-xmark" onclick="closemenu()"></i>
            </ul>
            <i class="fa-solid fa-bars" onclick="openmenu()"></i>
        </nav>


        <div class="alignment-container events-container">
            <div class="ongoing-Events">
                <h1 class="sub-title">Ongoing Events</h1>

                <div class="alignment-column">
                    <span class="alignment-row events-subcontainer">
                        <img class="events-image" src="images/a1.jpg">
                        <i class="fa-solid fa-wand-magic-sparkles"></i>
                    </span>
                    <h2>Hacktoberfest 2023 : zero to PR hero</h2>
                    <p>This year marks the 10th anniversary of Hacktoberfest, and we’re calling on your support! Whether it's your first time participating—or your tenth—it's almost time to hack out four pristine pull/merge requests as we continue our month of support for open source.</p>
                    <a href="https://hacktoberfest.com/" target="_blank">learn more</a>
                </div>
            </div>

            <div class="header-text">
                <p>Platform to upskill by</p>
                <h1>DEV CODE <br>COMMUNITY <span class="multiple-text"></span></h1>
            </div>
        </div>
    </div>
</div>

<!-- -------------------------------contact------------------------------------ -->

<div id="contact">
    <div class="contact-container">
        <div class="row">
            <div class="contact-left">
                <h1 class="sub-title1">Contact Us</h1>
                <p><i class="fa-sharp fa-solid fa-paper-plane"></i><a href = "mailto: devcode.community@gmail.com">devcode.community@gmail.com</a></p>
                <div class="social-icons">
                    <a href="https://instagram.com/devcode.community"><i class="fa-brands fa-square-instagram"></i></a>
                    <a href="https://www.linkedin.com/company/85615906/admin/feed/posts/"><i class="fa-brands fa-linkedin"></i></a>
                    <a href="https://twitter.com/_DEVCODE_"><i class="fa-brands fa-square-x-twitter"></i></a>
                    <a href="https://github.com/Dev-Code-Community"><i class="fa-brands fa-github"></i></a>

            <div class="contact-right">
                <form name="submit-to-google-sheet">
                    <input type="text" name="Name" placeholder="Your Name" required>
                    <input type="email" name="email" placeholder="Your Email" required>
                    <textarea name="Message" rows="6" placeholder="Your Message"></textarea>
                    <button type="submit" class="btn btn2">Submit</button>
                </form>
                <span id="msg"></span>
            </div>
        </div>
    </div>
    <div class="copyright">
        <p> &copy; <span id="copyright-year"></span> DEV CODE made with <i class="fa-solid fa-heart"></i></p>
    </div>
</div>
<script src="static/js/copyrightYear.js"></script>
<script>
    var tablinks = document.getElementsByClassName("tab-links");
    var tabcontents = document.getElementsByClassName("tab-contents");

    function opentab(tabname){
        for(tablink of tablinks){
            tablink.classList.remove("active-link");
        }
        for(tabcontent of tabcontents){
            tabcontent.classList.remove("active-tab");
        }
        event.currentTarget.classList.add("active-link")
        document.getElementById(tabname).classList.add("active-tab")

 }
</script>

<script>
    var sidemenu = document.getElementById("sidemenu");

    function closemenu(){
        sidemenu.style.right = "-200px";
    }

    function openmenu(){
        sidemenu.style.right = "0";
    }

</script>

<script>
    const scriptURL = 'https://script.google.com/macros/s/AKfycbz9ztQSC2L8HM4WrDC4Y_ZmokBj2w0tGsgsHYavqAjLFLDhdREJNT65L7iZFP26j4in/exec'
    const form = document.forms['submit-to-google-sheet']
    const msg = document.getElementById("msg")

    form.addEventListener('submit', e => {
      e.preventDefault()
      fetch(scriptURL, { method: 'POST', body: new FormData(form)})
        .then(response => {
            msg.innerHTML = "Messege Sent"
            setTimeout(function(){
                msg.innerHTML = ""
            },2000)
            form.reset()
        })
        .catch(error => console.error('Error!', error.message))
    })
  </script>
  <script src="https://unpkg.com/typed.js@2.0.132/dist/typed.umd.js"></script>
  <script src="static/js/script.js"></script>

</body>
</html>