OpenCodeEra/index.html at main · Ayush5042/OpenCodeEra · 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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<!DOCTYPE html>
<html lang="en">

<head>
    <title>OpenCodeEra: Open Source Organisation</title>
    <!-- Meta Tags -->
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <meta name="description"
        content="OpenCodeEra is an open source organisation aimed at making open source software more accessible and to help developers build better software.">
    <meta name="keywords"
        content="Open source,Open code era ,Open source company ,OpenSource,Contribution , community , Open source projects, education, collaboration, organisation, Web developement, Open source project,hacktoberfest">
    <meta name="robots" content="INDEX, FOLLOW">

    <!-- Linking external CSS  -->
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="css/style_footer.css" type="text/css" media="screen" />

    <!-- linking External JavaScript -->
    <script src="https://unpkg.com/typed.js@2.0.16/dist/typed.umd.js"></script>

    <!-- Favicon -->
    <link rel="icon" type="image/x-icon" href="/images/icon/favicon125x125.png" />

    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;700&display=swap" rel="stylesheet">

</head>

<body>
    <!-- This div pushes down header a little bit so that header is not sticky from start -->
    <div class="header-push-down"></div>
    <header class="blur disable-selection">
        <nav>
            <div class="left">
                <img src="images/icon/icon.png" alt="OpenCodeEra logo" />
                <a href="/index.html">
                    <span class="blue">Open</span><span class="white">Code</span><span class="blue">Era</span> </a>
            </div>
            <div class="right">
                <ul>
                    <li>
                        <a class="about" href="#about">About</a>
                    </li>
                    <li>
                        <a class="contact-us" href="#contact">Contact Us</a>
                    </li>
                    <li>
                        <a class="services" target="_blank"
                            href="https://github.com/orgs/OpenCodeEra/repositories">Projects</a>
                    </li>
                </ul>
            </div>
        </nav>
    </header>
    <main class="blur">
        <section class="firstsection disable-selection">
            <div class="leftSection">
                <div class="white">
                    <span class="blue">Welcome! </span>Contributors,
                    Elevate Your Impact with <span class="focus-gradient">Open Source</span>
                    <span id="element"></span>
                </div>
            </div>
            <div class="rightSection">
                <img src="/images/Api Programming logo.png" alt="Open Code Era logo">
            </div>
        </section>
        <hr>
        <section class="secondSection" id="about">

            <div class="second-section-container">
                <div class="leftSection">
                    <!-- image from template.net -->
                    <img src="images/illustrations/goals.png" alt="goals">
                </div>

                <div class="rightSection">
                    <h2>Our Mission</h2>
                    <span class="text-gradient-blue-white">
                        <p>Open Code Era fosters open source culture, encouraging collaboration in software development
                            within the developer community.</p>
                    </span>
                </div>
            </div>

        </section>
        <hr>
        <section class="contactSection" id="contact">
            <div class="leftContact">
                <h2>Get in Touch!</h2>
                <p>If you have any questions or inquiries, please feel free to get in touch with us.</p>
                <!-- image from freepik -->
                <img src="./images/illustrations/Get in touch.png" alt="Get In Touch">
            </div>
            <div class="rightContact">
                <form id="messageForm">
                    <input type="text" id="name" name="name" placeholder="Name">

                    <input type="text" id="email" name="email" placeholder="Email">

                    <textarea id="message" name="message" rows="8" placeholder="Message"></textarea>

                    <button id="submit" type="submit" onclick="toggle('body')">Submit</button>
                </form>

            </div>


        </section>
    </main>
    <div id="popup">
        <h2>Email Contact Service Inactive</h2><br>
        <p>We apologize for the inconvenience, our email service is currently inactive. You may reach out to us through
            our social handles. Rest assured, the message you intended to send via email is stored on your side, ready
            to be sent once the service is activated. </p><br>
        <button id="close" onclick="toggle()">Close</button>
    </div>

    <footer class="blur disable-selection">
        <div class="footer">
            <div class="footer-first">
                <h3>Open Code Era</h3>
            </div>
            <div class="footer-second">
                <ul>
                    <h4>Support</h4>
                    <li>
                        <a href="https://github.com/OpenCodeEra">
                            Our Projects
                        </a>
                    </li>
                    <li>
                        <a href="/team_list.html">
                            Our Team
                        </a>
                    </li>
                </ul>
            </div>
            <div class="footer-third">

            </div>
            <div class="footer-fourth">
                <a href="https://github.com/OpenCodeEra/OpenCodeEra">
                    <img src="images/logo/github-logo.svg" alt="github-logo">
                    &nbsp; Improve this page on GitHub
                </a>
            </div>
        </div>
        <div class="footer-rights">
            Copyright &#169 opencodeera.pages.dev | All Rights Reserved
        </div>
    </footer>
    <script src="./javascript/index.js"></script>
</body>

</html>