Skip to content

Commit 7e285cb

Browse files
ekasnhekasnh
committed
website
IDK why the hell i am writing these comments but one day please awadhi contact me
1 parent d1f21ab commit 7e285cb

File tree

4 files changed

+162
-0
lines changed

4 files changed

+162
-0
lines changed

‎website.zip‎

2.08 KB
Binary file not shown.

‎website/index.html‎

Lines changed: 78 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,78 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Gigid Gigid Learn Python</title>
7+
<link rel="stylesheet" href="style.css">
8+
</head>
9+
<body>
10+
11+
<header>
12+
<div class="container">
13+
<h1>Gigid Gigid Learn Python</h1>
14+
<p>Your gateway to mastering Python programming!</p>
15+
</div>
16+
</header>
17+
18+
<nav>
19+
<div class="container">
20+
<ul>
21+
<li><a href="#home">Home</a></li>
22+
<li><a href="#why-learn-python">Why Learn Python?</a></li>
23+
<li><a href="#get-started">Get Started</a></li>
24+
<li><a href="#repository">Repository</a></li>
25+
</ul>
26+
</div>
27+
</nav>
28+
29+
<section id="home">
30+
<div class="container">
31+
<h2>Welcome to Gigid Gigid Learn Python</h2>
32+
<p>Python is one of the most versatile and powerful programming languages today. Whether you're a beginner or looking to enhance your skills, you've come to the right place. Explore our resources and start your Python journey!</p>
33+
</div>
34+
</section>
35+
36+
<section id="why-learn-python">
37+
<div class="container">
38+
<h2>Why Learn Python?</h2>
39+
<p>Python is widely regarded as an easy-to-learn language that is also incredibly powerful. Here are some reasons why you should learn Python:</p>
40+
<ul>
41+
<li>Simple and easy to learn syntax.</li>
42+
<li>Highly versatile: used in web development, data science, automation, and more.</li>
43+
<li>Extensive libraries and frameworks.</li>
44+
<li>Large and supportive community.</li>
45+
<li>Great for both beginners and experienced developers.</li>
46+
</ul>
47+
</div>
48+
</section>
49+
50+
<section id="get-started">
51+
<div class="container">
52+
<h2>Get Started with Python</h2>
53+
<p>Ready to dive into Python? Follow these simple steps to get started:</p>
54+
<ol>
55+
<li>Download and install Python from the official website: <a href="https://www.python.org/downloads/" target="_blank">Python Downloads</a>.</li>
56+
<li>Set up a code editor like VS Code or PyCharm.</li>
57+
<li>Explore our curated tutorials and practice problems.</li>
58+
<li>Join Python communities and forums to interact with other learners.</li>
59+
</ol>
60+
</div>
61+
</section>
62+
63+
<section id="repository">
64+
<div class="container">
65+
<h2>GitHub Repository</h2>
66+
<p>All our resources and code examples are available on GitHub. Check out the repository and start coding along:</p>
67+
<a href="https://github.com/ekasnh/gigid-gigid-learn-python" target="_blank" class="repo-link">Visit Repository</a>
68+
</div>
69+
</section>
70+
71+
<footer>
72+
<div class="container">
73+
<p>&copy; 2024 Gigid Gigid Learn Python. All Rights Reserved.</p>
74+
</div>
75+
</footer>
76+
77+
</body>
78+
</html>

‎website/script.js‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<script src="script.js"></script>

‎website/style.css‎

Lines changed: 83 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,83 @@
1+
body {
2+
font-family: Arial, sans-serif;
3+
margin: 0;
4+
padding: 0;
5+
background-color: #f4f4f4;
6+
color: #333;
7+
}
8+
9+
header {
10+
background-color: #007BFF;
11+
color: #fff;
12+
padding: 20px 0;
13+
text-align: center;
14+
}
15+
16+
.container {
17+
width: 90%;
18+
max-width: 1200px;
19+
margin: 0 auto;
20+
}
21+
22+
nav {
23+
background-color: #333;
24+
color: #fff;
25+
padding: 10px 0;
26+
}
27+
28+
nav ul {
29+
list-style: none;
30+
padding: 0;
31+
margin: 0;
32+
display: flex;
33+
justify-content: center;
34+
}
35+
36+
nav ul li {
37+
margin: 0 15px;
38+
}
39+
40+
nav ul li a {
41+
color: #fff;
42+
text-decoration: none;
43+
padding: 5px 10px;
44+
transition: background-color 0.3s;
45+
}
46+
47+
nav ul li a:hover {
48+
background-color: #007BFF;
49+
border-radius: 5px;
50+
}
51+
52+
section {
53+
padding: 40px 0;
54+
}
55+
56+
h2 {
57+
margin-bottom: 20px;
58+
}
59+
60+
ul, ol {
61+
margin-left: 20px;
62+
}
63+
64+
.repo-link {
65+
display: inline-block;
66+
background-color: #007BFF;
67+
color: #fff;
68+
padding: 10px 20px;
69+
text-decoration: none;
70+
border-radius: 5px;
71+
transition: background-color 0.3s;
72+
}
73+
74+
.repo-link:hover {
75+
background-color: #0056b3;
76+
}
77+
78+
footer {
79+
background-color: #333;
80+
color: #fff;
81+
text-align: center;
82+
padding: 10px 0;
83+
}

0 commit comments

Comments
 (0)