Skip to content

Commit 5e9dfec

Browse files
Evavic44Evavic44
committed
Update new file location #256 
1 parent 8d4ce83 commit 5e9dfec

File tree

1 file changed

+313
-0
lines changed

1 file changed

+313
-0
lines changed

‎src/index.html

Lines changed: 313 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,313 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8" />
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
8+
<meta name="description" content="Welcome To The World of Open Source, We Appreciate Your Contribution!" />
9+
10+
<!-- Google / Search Engine Tags -->
11+
<meta itemprop="name" content="chryz-hub" />
12+
<meta itemprop="description"
13+
content="Welcome To The World of Open Source, We Appreciate Your Contribution and Ideas Here!" />
14+
<meta itemprop="image"
15+
content="https://github.com/chryz-hub/chryz-hub.github.io/blob/master/public/myocatact1%20(1).svg" />
16+
17+
<!-- Facebook Meta Tags -->
18+
<meta property="og:url" content="https://chryz-hub.github.io/" />
19+
<meta property="og:type" content="website" />
20+
<meta property="og:title" content="chryz-hub" />
21+
<meta property="og:description"
22+
content="Welcome To The World of Open Source, We Appreciate Your Contribution and Ideas!" />
23+
<meta property="og:image"
24+
content="https://github.com/chryz-hub/chryz-hub.github.io/blob/master/public/myocatact1%20(1).svg" />
25+
26+
<!-- Twitter Meta Tags -->
27+
<meta name="twitter:card" content="Welcome To The World of Open Source, We Appreciate Your Contribution and Ideas!" />
28+
<meta name="twitter:title" content="chryz-hub" />
29+
<meta name="twitter:description"
30+
content="Welcome To The World of Open Source, We Appreciate Your Contribution and Ideas!" />
31+
<meta name="twitter:image"
32+
content="https://github.com/chryz-hub/chryz-hub.github.io/blob/master/public/myocatact1%20(1).svg" />
33+
34+
<!-- FAVICON -->
35+
<link rel="icon" type="image/ico" href="./src/assets/favicon.ico" />
36+
37+
<title>Chryz-hub Community</title>
38+
39+
<!-- STYLES -->
40+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
41+
integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
42+
<link rel="stylesheet" href="/src/css/global.css" />
43+
<link rel="stylesheet" href="/src/css/styles.css" />
44+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
45+
integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w=="
46+
crossorigin="anonymous" />
47+
</head>
48+
49+
<body id="home">
50+
<header id="hero">
51+
<div class="navbar">
52+
<div></div>
53+
<h1 class="logo"><a href="#home"><img src="/src/assets/chryz-hub-transparent.png" alt="Logo-image"></a>
54+
</h1>
55+
<nav>
56+
<div class="burger">
57+
<div class="line-one"></div>
58+
<div class="line-two"></div>
59+
<div class="line-three"></div>
60+
</div>
61+
<ul class="nav-list">
62+
<li><a href="index.html">Community</a></li>
63+
<li><a href="#projects">Projects</a></li>
64+
<li><a href="#blog">Blog</a></li>
65+
<li><a href="#moderators">Moderators</a></li>
66+
</ul>
67+
</nav>
68+
69+
</div>
70+
71+
<!-- Hero Section -->
72+
<div class="content">
73+
<h1 class="text-primary">Chryz-Hub</h1>
74+
<p class="text-secondary">The World of Open Source, Where Your Ideas and Contributions Count and are Highly
75+
Appreciated</p>
76+
<div class="social">
77+
<a href="https://youtube.com/channel/UCxro6LYOp3pmmuWDPMg-p1Q"><img src="/src/assets/youtube.png"
78+
alt="YouTube icon" /></a>
79+
<a href="https://twitter.com/ChryzHub"><img src="/src/assets/twitter.png" alt="Twitter icon" /></a>
80+
<a href="https://t.co/CxeDvbUiFB?amp=1"><img src="/src/assets/discord.png" alt="Discord icon"></a>
81+
</div>
82+
</div>
83+
84+
<!-- Vision Section -->
85+
<section id="vision">
86+
<div class="container">
87+
<div class="vision-content">
88+
<h2 class="text-primary">Our Vision</h2>
89+
<p class="text-secondary">Our vision is to add value, solve problems, render help and support to developers,
90+
open source contributors and everyone at large and also raise and build Open Source Giants.</p>
91+
<a href="https://github.com/chryz-hub/chryz-hub.github.io/blob/master/vision.md"
92+
class="btn btn-primary btn-rounded" re="noopener" target="_blank">Read more</a>
93+
</div>
94+
</div>
95+
</section>
96+
<!-- Buttons -->
97+
<div class="container buttons">
98+
<a href="https://github.com/chryz-hub/chryz-hub.github.io/issues/new?assignees=&labels=invite+me+to+the+organization&template=invitation.md&title=Please+invite+me+to+the+GitHub+Community+Organization"
99+
rel="noopener" class=" btn btn-primary">Join the Community</a>
100+
<a href="https://github.com/chryz-hub/opensource-4-everyone/blob/master/My-PR-Contribution-Practice.md"
101+
rel="noopener" class="btn btn-secondary" target="_blank"><i class="fas fa-code-branch"></i> Create Pull
102+
Request</a>
103+
</div>
104+
</header>
105+
<main>
106+
107+
<!-- Projects -->
108+
<section id="projects" class="container mb-5">
109+
<h2 class="text-center fw-bold mb-4 my-4">Projects</h2>
110+
111+
<div class="projects">
112+
<div class="row g-5" id="githubprojects">
113+
<!-- GitHub Projects from scripts.js goes here -->
114+
</div>
115+
<div class="text-center mt-3">
116+
<a href="#">View more</a>
117+
</div>
118+
</div>
119+
120+
<!-- Not needed if we go to api call in the js -->
121+
<!-- <div class="projects">
122+
<div class="row g-5">
123+
<div class="col-12 col-sm-6 col-lg-4">
124+
<a href="#" class="project-box">
125+
<div class="item project">
126+
<img src="./src/assets/images/projects/community-website.jpg" class="project-image" alt="">
127+
<div class="project-content">
128+
<h4 class="text-secondary">Chryz-Hub Website</h4>
129+
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis quos consequatur atque perferendis
130+
sapiente consectetur iusto tempora temporibus, sequi maxime.</p>
131+
<div>
132+
<span class="fab fa-html5"></span>
133+
<span class="fab fa-css3-alt"></span>
134+
<span class="fab fa-js"></span>
135+
</div>
136+
</div>
137+
</div>
138+
</a>
139+
</div>
140+
<div class="col-12 col-sm-6 col-lg-4">
141+
<a href="#" class="project-box">
142+
<div class="item project">
143+
<img src="./src/assets/images/projects/js-projects.PNG" class="project-image" alt="">
144+
<div class="project-content">
145+
<h4 class="text-secondary">Chryz-Hub Website</h4>
146+
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis quos consequatur atque perferendis
147+
sapiente consectetur iusto tempora temporibus, sequi maxime.</p>
148+
<div>
149+
<span class="fab fa-html5"></span>
150+
<span class="fab fa-css3-alt"></span>
151+
<span class="fab fa-js"></span>
152+
</div>
153+
</div>
154+
</div>
155+
</a>
156+
</div>
157+
<div class="col-12 col-sm-6 col-lg-4">
158+
<a href="#" class="project-box">
159+
<div class="item project">
160+
<img src="./src/assets/images/projects/py-projects.PNG" class="project-image" alt="">
161+
<div class="project-content">
162+
<h4 class="text-secondary">Chryz-Hub Website</h4>
163+
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis quos consequatur atque perferendis
164+
sapiente consectetur iusto tempora temporibus, sequi maxime.</p>
165+
<div>
166+
<span class="fab fa-html5"></span>
167+
<span class="fab fa-css3-alt"></span>
168+
<span class="fab fa-js"></span>
169+
</div>
170+
</div>
171+
</div>
172+
</a>
173+
</div>
174+
</div>
175+
</div> -->
176+
</section>
177+
178+
<section id="video-section" class="py-5 my-5">
179+
<div class="container">
180+
<div class="row">
181+
<div class="col-12 col-lg-6">
182+
<iframe src="https://www.youtube.com/embed/91x7KJ1lMHw" id="channel-video" title="YouTube video player"
183+
frameborder="0"
184+
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
185+
allowfullscreen></iframe>
186+
</div>
187+
<div class="col-12 col-lg-6">
188+
<p>
189+
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Praesentium, animi. Eligendi facere voluptatum
190+
aliquam cumque in fugiat officiis asperiores culpa voluptates eaque. Dolorum animi doloribus, sequi,
191+
voluptas obcaecati vel impedit iste beatae reiciendis dolorem a. Debitis dignissimos iure natus, libero
192+
vel tempore. Possimus provident soluta dolorum explicabo voluptates ipsa molestiae, debitis minus! Eaque,
193+
impedit beatae, laboriosam rerum voluptatum amet nemo perspiciatis distinctio numquam sit incidunt labore
194+
rem dolor soluta molestias voluptatibus recusandae, doloremque aliquam porro nesciunt. Quam voluptatum
195+
veritatis tempore dolor impedit ratione eos quibusdam odio asperiores error deserunt qui modi eligendi
196+
dolores, placeat atque facere molestias deleniti, praesentium iure.
197+
</p>
198+
</div>
199+
</div>
200+
</div>
201+
</section>
202+
203+
<section id="moderators" class="py-4 mt-5">
204+
<div class="container">
205+
<h2 class="text-center fw-bold my-5 heading">Our Moderators</h2>
206+
<div class="row g-5">
207+
<div class="col-12 col-lg-6">
208+
<div class="moderator">
209+
<img src="/src/assets/moderator-sample.jpg" alt="moderator image" class="moderator-img">
210+
<div class="moderator_details">
211+
<h5 class="fw-bold moderator_name">Olanrewaju Alaba</h5>
212+
<p class="mb-0">Open-Source Enthusiast</p>
213+
<ul class="moderator_content">
214+
<li>Developer</li>
215+
<li>Technical writer/blogger</li>
216+
<li>Aspiring Data scientist</li>
217+
</ul>
218+
<div class="social-profiles">
219+
<a href="#" class="github-profile">
220+
<i class="fab fa-github"></i>
221+
</a>
222+
<a href="#" class="website-link">
223+
<i class="fas fa-link"></i>
224+
</a>
225+
</div>
226+
</div>
227+
</div>
228+
</div>
229+
<div class="col-12 col-lg-6">
230+
<div class="moderator">
231+
<img src="/src/assets/moderator-sample.jpg" alt="moderator image" class="moderator-img">
232+
<div class="moderator_details">
233+
<h5 class="fw-bold moderator_name">Olanrewaju Alaba</h5>
234+
<p class="mb-0">Open-Source Enthusiast</p>
235+
<ul class="moderator_content">
236+
<li>Developer</li>
237+
<li>Technical writer/blogger</li>
238+
<li>Aspiring Data scientist</li>
239+
</ul>
240+
<div class="social-profiles">
241+
<a href="#" class="github-profile">
242+
<i class="fab fa-github"></i>
243+
</a>
244+
<a href="#" class="website-link">
245+
<i class="fas fa-link"></i>
246+
</a>
247+
</div>
248+
</div>
249+
</div>
250+
</div>
251+
<div class="col-12 col-lg-6">
252+
<div class="moderator">
253+
<img src="/src/assets/moderator-sample.jpg" alt="moderator image" class="moderator-img">
254+
<div class="moderator_details">
255+
<h5 class="fw-bold moderator_name">Olanrewaju Alaba</h5>
256+
<p class="mb-0">Open-Source Enthusiast</p>
257+
<ul class="moderator_content">
258+
<li>Developer</li>
259+
<li>Technical writer/blogger</li>
260+
<li>Aspiring Data scientist</li>
261+
</ul>
262+
<div class="social-profiles">
263+
<a href="#" class="github-profile">
264+
<i class="fab fa-github"></i>
265+
</a>
266+
<a href="#" class="website-link">
267+
<i class="fas fa-link"></i>
268+
</a>
269+
</div>
270+
</div>
271+
</div>
272+
</div>
273+
<div class="col-12 col-lg-6">
274+
<div class="moderator">
275+
<img src="/src/assets/moderator-sample.jpg" alt="moderator image" class="moderator-img">
276+
<div class="moderator_details">
277+
<h5 class="fw-bold moderator_name">Olanrewaju Alaba</h5>
278+
<p class="mb-0">Open-Source Enthusiast</p>
279+
<ul class="moderator_content">
280+
<li>Developer</li>
281+
<li>Technical writer/blogger</li>
282+
<li>Aspiring Data scientist</li>
283+
</ul>
284+
<div class="social-profiles">
285+
<a href="#" class="github-profile">
286+
<i class="fab fa-github"></i>
287+
</a>
288+
<a href="#" class="website-link">
289+
<i class="fas fa-link"></i>
290+
</a>
291+
</div>
292+
</div>
293+
</div>
294+
</div>
295+
</div>
296+
<div class="text-center my-4">
297+
<a href="#" class="text-white">View more</a>
298+
</div>
299+
</div>
300+
</section>
301+
302+
<footer class="footer">
303+
<div class="container">
304+
<h4 class="copyright-text text-center py-5">
305+
Copyright &copy; Chyrz-hub
306+
</h4>
307+
</div>
308+
</footer>
309+
<!-- JAVASCRIPT -->
310+
<script src="/src/javascript/script.js"></script>
311+
</body>
312+
313+
</html>

0 commit comments

Comments
 (0)