-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
139 lines (130 loc) · 5.84 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>Coding Warriors</title>
</head>
<link rel="stylesheet" href="style.css" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<body>
<nav id="navbar">
<ul>
<li class="item"><a href="#home">Home</a></li>
<li class="item"><a href="#about">About</a></li>
<li class="item"><a href="#services">Services</a></li>
<li class="item"><a href="#contact">Contact Us</a></li>
</ul>
<form class="search" action="/action_page.php">
<input type="text" placeholder="Search.." name="search2" />
<button type="submit"><i class="fa fa-search"></i></button>
</form>
<button class="btn"><a href="">Sign up</a></button>
</nav>
<section id="home">
<h1>Welcome Coding Warriors</h1>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Provident
error ratione doloribus sed dolorum, ipsum cumque reprehenderit
dignissimos architecto veniam optio sint aliquam consectetur corrupti
vero similique velit. Possimus eum consequatur delectus quia magni.
</p>
</section>
<section id="about">
<div id="container1">
<h1>ABOUT US</h1>
<div class="slide">
<p class="content">
Our mission is to empower individuals like you to explore the
fascinating world of coding, offering comprehensive tutorials,
resources, and guidance for a wide range of programming languages.Your
go-to destination for learning and mastering different programming
languages.
We've created a hub that brings together the programming community.
Whether you're a beginner or an experienced developer, our platform is
designed to meet your learning needs.
</p>
</div>
</div>
</section>
<section id="services">
<div id="container2">
<p class="content2">
<strong>Curated Learning Resources:</strong> We curate and compile the
best programming language tutorials from across the web, ensuring you
have easy access to high-quality content. <br /><br />
<strong>One-Stop Learning: </strong>Find tutorials for a wide range of
programming languages, all in one place. No need to search multiple
sites—we've got you covered. <br /><br />
<strong>Verified Sources:</strong> We only include tutorials from
trusted sources, ensuring accuracy and reliability in your learning
journey. <br /><br />
<strong>Diverse Learning Formats:</strong> Access tutorials in various
formats, including written articles, video lessons, interactive coding
challenges, and more.
</p>
<h1>OUR SERVICES</h1>
</div>
</section>
<section id="pics">
<div id="container3">
<h1>AVAILABLE TUTORIALS</h1>
<div>
<img src="img/C++.png" alt="C++" class="image" />
<img src="img/java.png" alt="Java" class="image" />
<img src="img/C.png" alt="C" class="image" />
<img src="img/Csharp.png" alt="C#" class="image" />
<img src="img/python.png" alt="Python" class="image" />
<img src="img/kotlin.jpg" alt="Kotlin" class="image" />
<img src="img/html.jpg" alt="HTML" class="image" />
<img src="img/JS.jpg" alt="JavaScript" class="image" />
<img src="img/CSS.jpg" alt="CSS" class="image" />
</div>
</div>
</section>
<section id="contact">
<div id="container4">
<div id="right">
<h1>Share Your Feedback!</h1>
<form action="" method="post">
<div class="form-inside">
<div class="sec1">
<label for="name">
<input type="text" name="name" id="ct" placeholder="Your Name">
</label><br>
<label for="phone">
<input type="number" name="number" id="ct" placeholder="Your Number">
</label><br>
<label for="e-mail">
<input type="email" name="email" id="ct" placeholder="Your E-mail">
</label>
<button class="btn2" type="submit">
<svg class='fontawesomesvg' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M498.1 5.6c10.1 7 15.4 19.1 13.5 31.2l-64 416c-1.5 9.7-7.4 18.2-16 23s-18.9 5.4-28 1.6L277.3 424.9l-40.1 74.5c-5.2 9.7-16.3 14.6-27 11.9S192 499 192 488V392c0-5.3 1.8-10.5 5.1-14.7L362.4 164.7c2.5-7.1-6.5-14.3-13-8.4L170.4 318.2l-32 28.9 0 0c-9.2 8.3-22.3 10.6-33.8 5.8l-85-35.4C8.4 312.8 .8 302.2 .1 290s5.5-23.7 16.1-29.8l448-256c10.7-6.1 23.9-5.5 34 1.4z"/></svg>
Send Feedback
</button>
</div>
<div>
<label for="msg">
<textarea name="msg" id="ct" cols="30" rows="10" placeholder="Your Message"></textarea>
</label>
</div>
</div>
</form>
</div>
<div id="left">
<h1>CONTACT US</h1>
<p>Phone: (+91)9876-123-456</p>
<p>Email: [email protected]</p>
</div>
</div>
</section>
<footer>
<div class="center">
Copyright © www.cwarriors.com. All rights reserved!
</div>
</footer>
</body>
</html>