forked from OpenCodeEra/OpenCodeEra
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
155 lines (139 loc) · 6.07 KB
/
index.html
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
<!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/[email protected]/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">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
</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>
<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" href="services.html"> Services</a>
</li>
</ul>
</div>
</nav>
</header>
<main>
<section class="firstsection">
<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="leftSection">
<img src="images/illustrations/goals.png" alt="goals">
</div>
<div class="rightSection">
<h1>Our Mission</h1>
<span class="text-gradient-blue-white">
Open Code Era is an initiative to foster a culture of open source coding among developer
community.
</span>
</div>
</section>
<hr>
<section class="contactSection" id="contact">
<div class="contactContainer">
<div>
<h2>Get in Touch!</h2>
<p>If you have any questions or inquiries, please feel free to get in touch with us.</p>
<img src="./images/illustrations/Get in touch.png" alt="Get In Touch">
</div>
<div>
<form>
<!-- <label for="name">Name:</label> -->
<input type="text" id="name" name="name" placeholder="Name" required>
<!-- <label for="email">Email:</label> -->
<input type="email" id="email" name="email" placeholder="Email" required>
<!-- <label for="message">Message:</label> -->
<textarea id="message" name="message" rows="8" placeholder="Message" required></textarea>
<button type="submit">Submit</button>
</form>
</div>
</div>
</section>
</main>
<footer>
<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">
<a href="https://www.linkedin.com/company/open-code-era/" class=" fa fa-brands fa-linkedin fa-2xl"></a>
<a href="https://github.com/OpenCodeEra" class="fa fa-brands fa-github fa-2xl"></a>
<a href="#" class=" fa fa-brands fa-x-twitter fa-2xl"></a>
</div>
<div class="footer-fouth">
</div>
</div>
<div class="footer-rights">
Copyright © opencodeera.pages.dev | All Rights Reserved
</div>
</footer>
<!-- Setup for text animation! -->
<script>
var typed = new Typed('#element', {
strings: ['Projects', 'Community', 'Innovation', 'Contribution'],
typeSpeed: 50,
});
</script>
</body>
</html>