8000 initial commit #2 · codezoned/codezoned.com@89bac28 · GitHub
[go: up one dir, main page]
Skip to content

Commit 89bac28

Browse files
Aniket-MishraAniket-Mishra
committed
initial commit #2 
1 parent cd0928a commit 89bac28

File tree

2 files changed

+167
-14
lines changed

2 files changed

+167
-14
lines changed

‎index.html

Lines changed: 161 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,86 @@
2424
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
2525

2626
<style>
27+
.card-container {
28+
margin: 2%;
29+
display: grid;
30+
grid-gap: 1rem;
31+
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
32+
33+
}
34+
.card {
35+
display: flex;
36+
flex-direction: column;
37+
padding: 1rem;
38+
justify-content: space-between;
39+
40+
/* card design */
41+
border-radius: 2px;
42+
border: solid 2px #eeeeee ;
43+
box-shadow: width:100%;height:100%;box-shadow: 1px 2px 3px #eeeeee inset;
44+
}
45+
46+
.card .card-title {
47+
margin-bottom: 0;
48+
font-size: 1.3em;
49+
font-weight: bold;
50+
}
51+
52+
.project-info {
53 8000 +
54+
}
55+
56+
.card .button-box-container {
57+
border-top: 2px solid #eeeeee;
58+
padding-top: 5%;
59+
}
60+
.card .button-box {
61+
62+
height: 40px !important;
63+
width: 75%;
64+
margin: 0 auto;
65+
font-family: profontwindows;
66+
67+
display: flex;
68+
overflow: hidden;
69+
text-align: center;
70+
white-space: nowrap;
71+
text-decoration: none !important;
72+
text-transform: none;
73+
border-radius: 4px;
74+
font-size: 14px;
75+
font-weight: 500;
76+
line-height: 1.3;
77+
justify-content: center;
78+
align-items: center;
79+
/* flex: 0 0 160px; */
80+
81+
box-shadow: 2px 5px 10px var(--color-smoke);
82+
background-color: #2196F3;
83+
color: white;
84+
}
85+
86+
87+
/* footer */
88+
89+
.footer {
90+
text-align: center;
91+
height: 50px;
92+
width: 100%;
93+
}
94+
.icon-container {
95+
display: grid;
96+
grid-template-columns: repeat(4, 1fr);
97+
place-items: center;
98+
99+
height: 100%;
100+
width: 50%;
101+
margin: 0 auto;
102+
}
103+
.link {
104+
color: white;
27105

106+
}
28107
</style>
29108
</head>
30109
<body>
@@ -67,7 +146,7 @@ <h1 class="welcome-text" style="font-family: profontwindows; word-spacing: -8px;
67146
</div>
68147
</div>
69148

70-
<div class="white-section" style="background-color: white;">
149+
<div class="white-section" style="background-color: white; padding: 2.5% 0;">
71150
<div class="about" style="text-align: center; width: 100%; padding: 4.5% 3%;">
72151
<div class="about-inner" style=" width: 60%; margin: 0 auto; letter-spacing: 1.1px; word-spacing: 4.5px;">
73152
Codezoned is an opensource NPO which is targeting on educating and spreading its core belief by making college and school students contribute to opensource. We develop FOSS (Free Open-source software) for NGOs, Conduct Hackathons across colleges and organisations and give digital literacy education to less privileged children.
@@ -98,32 +177,105 @@ <h1>Events!</h1>
98177

99178
</div>
100179

101-
<div class="black-section">
180+
<div class="black-section" style="padding: 2.5% 0;">
102181
<div class="partners">
103182
<div class="partners-inner" style="text-align: center;">
104-
<h2>Our Amazing Partners:</h2>
183+
<h2 style="color: white;">Our Amazing Partners:</h2>
105184
<div class="sponsors-images">
106185
<a href="#"><img class="spi" src="assets/img/spi_shadow.png" alt=""></a> <br>
107186
<a href="#"><img class="ankor" src="assets/img/Ankor-White.png" alt=""></a>
108187
<a href="#"><img class="alert" src="assets/img/Alert-logo.png" alt=""></a>
109188
<a href="#"><img class="" src="assets/img/" alt=""></a>
110189
<a href="#"><img class="" src="assets/img/" alt=""></a>
111-
112-
190+
</div>
191+
<div class="partner-types" style="color: white;">
192+
<div class="types">
193+
Creative Partners
194+
</div>
195+
<div class="types">
196+
Creative Partners
197+
</div>
198+
<div class="types">
199+
Creative Partners
200+
</div>
113201
</div>
114202
</div>
115203
</div>
116204
</div>
117205

206+
<div class="white-section" style="background-color: white; padding: 2.5% 0">
207+
208+
<div class="projects">
209+
<div class="projects-inner" style="text-align: center;">
210+
<h1>Some of our Opensource projects:</h1>
211+
212+
<div class="card-container">
213+
<div class="card" style="">
214+
<p class="card-title">ScriptsDump</p>
215+
<p class="project-info">ScriptsDump is a complete repository of all kind of scripts we and you can think of.</p>
216+
<div class="button-box-container">
217+
<a href="#" class="button-box">Check It Out!</a>
218+
</div>
219+
220+
</div>
221+
<div class="card" style="">
222+
<p class="card-title">RIG</p>
223+
<p class="project-info">RIG (Randomized ID Generator) is an app to generate IDs and badges for any event or meetup!</p>
224+
<div class="button-box-container">
225+
<a href="#" class="button-box">Check It Out!</a>
226+
</div>
227+
228+
</div>
229+
<div class="card" style="">
230+
<p class="card-title">BlogCast</p>
231+
<p class="project-info">BlogCast is a 100% Opensource blogging App/Platform.</p>
232+
<div class="button-box-container">
233+
<a href="#" class="button-box">Check It Out!</a>
234+
</div>
235+
236+
</div>
237+
<!-- <div class="card" style="">
238+
<p class="card-title">Project_name</p>
239+
<p class="project-info">about the project</p>
240+
<div class="" style="border-top: 2px solid #eeeeee; padding-top: 3%;">
241+
<a href="#" class="button-box">Check It Out!</a>
242+
</div>
243+
</div> -->
244+
</div>
245+
</div>
246+
247+
</div>
118248

119-
<div class="main-container" style="height: 100vh;">
249+
<div class="more" style="text-align: center;">
250+
<p class="many-more" style="font-size: 1.6em;"><br> And many more...</p>
251+
<br>
252+
<p class="contact" style="font-size: 1.6em;">
253+
Wanna Partner with us? Sponsor us? Or talk to us? <br>
254+
Contact us at team@codezoned.com
255+
</p>
256+
</div>
257+
</div>
120258

121-
<div class="container" style="height: 100vh;">
259+
<div class="footer" style="">
122260

123-
261+
<div class="icon-container">
262+
263+
<div class="link">
264+
link
265+
</div>
266+
<div class="link">
267+
link
268+
</div>
269+
<div class="link">
270+
link
271+
</div>
272+
<div class="link">
273+
link
274+
</div>
124275

125276
</div>
126-
</section>
277+
278+
</div>
127279

128280
<script>
129281
var navList = document.getElementById("nav-lists");

‎static/css/style.css

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -276,7 +276,7 @@ body {
276276
.button.-regular:hover {
277277
color: red;
278278
background-color: #e1e2e2;
279-
-webkit-transition: all 0.8s ease-in !important;
279+
-webkit-transition: all 0.3s ease-in !important;
280280
opacity: 1;
281281
}
282282

@@ -292,7 +292,6 @@ body {
292292
.welcome-section {
293293
margin: 0 auto;
294294
padding: 7.5% 0 2.5% 0;
295-
/* height: 100vh; */
296295
}
297296

298297
.welcome-inner{
@@ -356,18 +355,20 @@ body {
356355
}
357356

358357
.spi {
359-
max-width: 50%;
358+
max-width: 35%;
360359
}
361360

362361
.ankor{
363-
max-width: 30%;
362+
max-width: 20%;
364363
margin: 0 6%;
365364
}
366365

367366
.alert{
368-
max-width: 17.5%;
367+
max-width: 15% 1241 ;
369368
}
370369

370+
3 4908 71+
371372
/*=================================================== End Events ============================================================== */
372373

373374

0 commit comments

Comments
 (0)
0