-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
161 lines (157 loc) · 10.7 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
156
157
158
159
160
161
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>GithubCRCE</title>
<link rel="icon" href="assets/img/github-icon-png-29.png">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Archivo+Black&display=swap">
<link rel="stylesheet" href="assets/fonts/ionicons.min.css">
<link rel="stylesheet" href="assets/css/Contact-Form-Clean.css">
<link rel="stylesheet" href="assets/css/explore.css">
<link rel="stylesheet" href="assets/css/Footer-Basic.css">
<link rel="stylesheet" href="assets/css/Footer-Clean.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/6.4.8/swiper-bundle.min.css">
<link rel="stylesheet" href="assets/css/Registration-Form-with-Photo.css">
<link rel="stylesheet" href="assets/css/Simple-Slider.css">
<link rel="stylesheet" href="assets/css/sponsors.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/Testimonials.css">
</head>
<body id="body">
<section id="home-bg" style="background: url("assets/img/homepage.png") center / cover;">
<nav class="navbar navbar-light navbar-expand-md">
<div class="container-fluid"><a class="navbar-brand" href="#"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1"><span class="navbar-toggler-icon" style="text-shadow: 0px 0px;background: url("assets/img/span-removebg-preview.png") center / cover no-repeat;"></span></button>
<div class="collapse navbar-collapse" id="navcol-1">
<ul class="navbar-nav">
<li class="nav-item dropdown"><a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#" style="color: var(--bs-white);">Why GithubCRCE?</a>
<div class="dropdown-menu" id="menu-1" style="font-size: 14px;"><a class="dropdown-item" href="#code">Code</a><a class="dropdown-item" href="#collaborate">Collaborate</a><a class="dropdown-item" href="#community">Community</a>
<div id="line"></div><a class="dropdown-item" href="sponsors.html" style="font-weight: bold;">GithubCRCE Sponsors</a><a class="dropdown-item" href="sponsors.html#member-stories" style="font-weight: bold;">Member Stories</a>
</div>
</li>
<li class="nav-item"><a class="nav-link" href="https://github.com/orgs/githubcrce/people" style="color: var(--bs-white);">Team</a></li>
<li class="nav-item dropdown"><a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="" style="color: var(--bs-white);">Explore</a>
<div class="dropdown-menu" style="font-size: 14px;"><a class="dropdown-item" href="explore.html" style="font-weight: bold;">Explore GithubCRCE</a>
<div id="line"></div><a class="dropdown-item disabled font-monospace" href="#">Learn and Contribute</a><a class="dropdown-item" href="explore.html">Projects</a><a class="dropdown-item" href="https://opensource.guide/" target="_blank">Open Source Guides</a>
<div id="line"></div><a class="dropdown-item disabled font-monospace" href="#">Connect with others</a><a class="dropdown-item" href="explore.html">Events</a><a class="dropdown-item" href="https://github.community/" target="_blank">Community Forum</a>
</div>
</li>
<li class="nav-item"><a class="nav-link" href="https://github.com/githubcrce/" style="color: var(--bs-white);" target="_blank">Join Us</a></li>
</ul>
<ul class="navbar-nav ms-auto">
<li class="nav-item" id="contact-us"><a class="nav-link active" href="#bs-2" style="color: var(--bs-white);">Contact Us</a></li>
</ul>
</div>
</div>
</nav>
<h1 id="title-1">Where CRCE</h1>
<h1 id="title-2">builds software</h1>
<h1 id="sub-title">Build, Ship & Maintain<br>your software like a PRO<br>Thanks to GitHub!<br></h1>
<h1 id="sub-title-2"></h1><a class="btn btn-primary" role="button" id="join-now" href="hacktoberfest22.html">JOIN HACKTOBERFEST 22</a>
</section>
<section id="mid-nav">
<nav class="navbar navbar-light navbar-expand-md sticky-top textprimary bg-white text-primary" id="sub-navbar">
<div class="container-fluid"><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-2"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse text-center" id="navcol-2">
<ul class="navbar-nav font-monospace mx-auto">
<li class="nav-item" id="code-nav"><a class="nav-link active" href="#code">Code</a></li>
<li class="nav-item" id="collaborate-nav"><a class="nav-link" href="#collaborate">Collaborate</a></li>
<li class="nav-item" id="community-nav"><a class="nav-link" href="#community">Community</a></li>
</ul>
</div>
</div>
</nav>
<section id="code">
<div class="container">
<div class="row">
<div class="col-md-6" data-aos="fade-up-right"><img id="code-img-1"><img data-bss-hover-animate="wobble" id="code-img-2"></div>
<div class="col-md-6">
<h1 data-aos="fade-up" id="code-heading">Build on what's been built</h1>
<p data-aos="fade-up" id="code-p">Write less code thanks to CRCE's<br>large built software package repositories. Find the best college-approved project to accelerate your work, then share it with CRCE.<br></p>
</div>
</div>
</div>
</section>
<section id="collaborate">
<div class="container">
<div class="row">
<div class="col-md-6">
<h1 data-aos="fade-right" id="collaborate-heading-1"><strong>Ready player two.</strong><br></h1>
<h1 data-aos="fade-right" id="collaborate-heading-2">Scale your team to any size in CRCE club</h1>
<p data-aos="fade-right" id="collaborate-p">Better code starts with pull requests<br>conversations around your code where you can experiment, squash bugs, and build new features.<br></p>
</div>
<div class="col-md-6"><img data-aos="zoom-in-right" id="collaborate-img-1"></div>
</div>
</div>
</section>
<section id="community">
<div class="container">
<div class="row">
<div class="col-md-6"><img data-aos="zoom-in-right" id="community-img-1"></div>
<div class="col-md-6">
<h1 data-aos="fade-up-right" id="community-heading-1"><strong>The home for all developers —</strong><br></h1>
<h1 data-aos="fade-up-right" id="community-heading-2">including you</h1>
<p data-aos="fade-up-right" id="community-p">GitHub Discussions is dedicated space offered by GitHub for our CRCE community to come together, ask and answer questions, and have open-ended conversations.<br></p>
</div>
</div>
</div>
</section>
</section>
<section id="bottom-section">
<section id="bs-1">
<section id="inner-bs-1"></section>
</section>
<section id="bs-2">
<h1 id="contact-us-head" style="color: var(--bs-white);border-style: none;">Contact us</h1>
<div class="row" id="contact-row">
<div class="col col-6" id="col-form">
<div data-aos="flip-up" id="form">
<h4 id="form-header">Name</h4><input type="text">
<h4 id="form-header">Email</h4><input type="email">
<h4 id="form-header">Message</h4><textarea></textarea><button class="btn btn-primary" id="contact-now" type="button">SUBMIT</button>
</div>
</div>
<div class="col col-6" id="col-img"><img src="assets/img/conctatbg.png" width="100%" height="450px"></div>
</div>
</section>
</section>
<footer class="footer-clean">
<div class="container">
<div class="row justify-content-center">
<div class="col">
<h3 id="footer-heading"></h3>
</div>
<div class="col-sm-4 col-md-3 item">
<h3>About</h3>
<ul>
<li><a href="#code">Code</a></li>
<li><a href="#collaborate">Collaborate</a></li>
<li><a href="#community">Community</a></li>
</ul>
</div>
<div class="col-sm-4 col-md-3 item">
<h3>Explore</h3>
<ul>
<li><a href="explore.html">Projects</a></li>
<li><a href="explore.html">Events</a></li>
<li><a href="explore.html">Community Forum</a></li>
<li><a href="sponsors.html">Sponsors</a></li>
</ul>
</div>
<div class="col-lg-3 item social"><a href="#"><i class="icon ion-social-facebook"></i></a><a href="#"><i class="icon ion-social-twitter"></i></a><a href="#"><i class="icon ion-social-snapchat"></i></a><a href="https://www.instagram.com/githubcrce/" target="_blank"><i class="icon ion-social-instagram"></i></a>
<p class="copyright">GithubCRCE © 2021</p>
</div>
</div>
</div>
</footer>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/6.4.8/swiper-bundle.min.js"></script>
<script src="assets/js/Simple-Slider.js"></script>
</body>
</html>