-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
139 lines (127 loc) · 5.92 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Python Learning - Home</title>
<link rel="stylesheet" href="home.css">
<script src="https://unpkg.com/@phosphor-icons/web"></script>
<link href="https://fonts.googleapis.com/css2?family=Silkscreen&family=Nunito+Sans:wght@400;500;700&display=swap" rel="stylesheet">
</head>
<body>
<header class="header">
<div class="container">
<h1>Koded</h1>
<nav>
<ul>
<li><a href="#about">About</a></li>
<li><a href="#features">Features</a></li>
<li><a href="code-editor.html">Code-Online</a></li>
<li><a href="#contact">Contact Us</a></li>
</ul>
</nav>
</div>
</header>
<section class="hero">
<div class="container">
<div class="hero-image"></div>
<h2>Welcome to Koded</h2>
<p>Learn Programming for free at your own pace and comfort</p>
<a href="content.html" class="btn">Start Learning</a>
</div>
</section>
<section id="about" class="section about">
<div class="container">
<h2>About Us</h2>
<p style="padding-right: 144px;">We are a group of passionate rookies who have come together to create this website for the sake of humanity. Our mission is to help people learn their first programming language, Python, in a fun and engaging way. We believe that programming is a powerful tool that can empower individuals and open up new opportunities. With our comprehensive tutorials, interactive content, and expert guidance, we aim to make the learning process enjoyable and accessible to everyone. Join us on this exciting journey and start your programming adventure with Koded!</p>
</div>
</section>
<section id="features" class="section features">
<div class="container">
<h2>Features</h2>
<div class="feature-cards" >
<div class="feature-card">
<i class="ph ph-code" style="font-size: 34px;"></i>
<h3>Comprehensive Tutorials</h3>
<p>Learn Python from basic to intemediate levels with our detailed tutorials.</p>
</div>
<div class="feature-card">
<i class="ph ph-article" style="font-size: 34px;"></i>
<h3>Interactive Content</h3>
<p>Engage with interactive coding exercises and quizzes.</p>
</div>
<div class="feature-card">
<i class="ph ph-smiley" style="font-size: 34px;"></i>
<h3>Playful Content</h3>
<p>Dear Gen-z Generation, Learn with the power of Memes.</p>
</div>
<!-- Add more feature cards as needed -->
</div>
</div>
</section>
<section id="team" class="section team">
<div class="container">
<h2>Our Team</h2>
<div class="team-cards">
<div class="team-card">
<!-- <img src="shristy.jpg" alt="Shristy"> -->
<h3 style="font-size: 55px;">🐬</h3>
<h3 style="font-size: 20px; font-family: 'Silkscreen';">Shristy</h3>
<p>Collecting and Dumping</p>
</div>
<div class="team-card">
<!-- <img src="tanya.jpg" alt="Tanya"> -->
<h3 style="font-size: 55px;">🌝</h3>
<h3 style="font-size: 20px; font-family: 'Silkscreen';">Tanya</h3>
<p>Superpower is my Design</p>
</div>
<div class="team-card">
<!-- <img src="shaad.jpg" alt="Shaad"> -->
<h3 style="font-size: 55px;">🐸</h3>
<h3 style="font-size: 20px; font-family: 'Silkscreen';">Shaad</h3>
<p>Owner of the Backstage</p>
</div>
<!-- Add more team cards as needed -->
</div>
</div>
</section>
<section id="contact" class="section contact">
<div class="container">
<h2>Contact Us</h2>
<p>Have questions? Get in touch with us!</p>
<form class="contact-form">
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<label for="query">Your Query:</label>
<textarea id="query" name="query" rows="4" required></textarea>
<button type="submit">Submit</button>
</form>
</div>
</section>
<footer class="footer">
<div class="footer-container">
<div class="footer-links">
<a href="#help">Get Help</a>
<a href="#home">Home</a>
<a href="#about">About</a>
<a href="#contact">Contact Us</a>
<a href="#team">Our Team</a>
</div>
<div class="footer-social">
<a href="https://www.facebook.com/parivartansocialfoundation/" target="_blank" class="social-icon">
<i class="ph ph-facebook-logo"></i>
</a>
<a href="https://www.parivartansf.org/" target="_blank" class="social-icon">
<i class="ph ph-link"></i>
</a>
<a href="https://www.instagram.com/parivartanng0/" target="_blank" class="social-icon">
<i class="ph ph-instagram-logo"></i>
</a>
<a href="https://www.youtube.com/channel/UCfgV7kzoPhhT55rjDFxHa2g" target="_blank" class="social-icon">
<i class="ph ph-youtube-logo"></i>
</a>
</div>
</div>
</footer>
</body>
</html>