Skip to content

Commit 6b16598

Browse files
harshita2216harshita2216
authored
Merge pull request #300 from jugeshraghav/iCoder
iCoder website Added.
2 parents 65692fb + 20b1b91 commit 6b16598

File tree

11 files changed

+485
-1
lines changed

11 files changed

+485
-1
lines changed

‎Index.md

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -113,4 +113,5 @@
113113
| [Maths Quiz Game](https://github.com/nisha331/Web-dev-mini-projects/tree/main/Maths%20quiz%20game) | A maths quiz game for kids to practice addition.
114114
| [Personal Blog Template](https://github.com/soma2000-lang/Web-dev-mini-projects/tree/iron/Personal-blog) |A simple and responsive personal blog template.
115115
| [Architecture Website Template](https://github.com/soma2000-lang/Web-dev-mini-projects/tree/iron/Architecture-Website) |A simple and responsive Architecture Website template.
116-
| [Art Gallery Template](https://github.com/soma2000-lang/Web-dev-mini-projects/tree/iron/Art-Gallery) |It is a simple and resonsive Art Gallery Website where you can add multiple pictures and navigate through them.
116+
| [Art Gallery Template](https://github.com/soma2000-lang/Web-dev-mini-projects/tree/iron/Art-Gallery) |It is a simple and resonsive Art Gallery Website where you can add multiple pictures and navigate through them.
117+
| [iCoder](https://github.com/soma2000-lang/Web-dev-mini-projects/tree/iron/iCoder) |It is a simple and resonsive website made using bootstrap.

‎iCoder/about.html

Lines changed: 94 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,94 @@
1+
<!doctype html>
2+
<html lang="en">
3+
4+
<head>
5+
<!-- Required meta tags -->
6+
<meta charset="utf-8">
7+
<meta name="viewport" content="width=device-width, initial-scale=1">
8+
9+
<!-- Bootstrap CSS -->
10+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
11+
integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
12+
13+
<title>Hello, world!</title>
14+
</head>
15+
16+
<body>
17+
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
18+
<div class="container-fluid">
19+
<a class="navbar-brand" href="#">iCoder</a>
20+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglerDemo02"
21+
aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
22+
<span class="navbar-toggler-icon"></span>
23+
</button>
24+
<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
25+
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
26+
<li class="nav-item">
27+
<a class="nav-link" aria-current="page" href="index.html">Home</a>
28+
</li>
29+
<li class="nav-item">
30+
<a class="nav-link active" href="about.html">About</a>
31+
</li>
32+
<li class="nav-item">
33+
<a class="nav-link" href="contact.html">Contact Us</a>
34+
</li>
35+
</ul>
36+
<form class="d-flex">
37+
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
38+
<button class="btn btn-outline-success" type="submit">Search</button>
39+
</form>
40+
</div>
41+
</div>
42+
</nav>
43+
<div class="container my-4">
44+
<div class="row featurette d-flex justify-content-center align-items-center">
45+
<div class="col-md-7 ">
46+
<h2 class="featurette-heading">First featurette heading. <span class="text-muted">It’ll blow your mind.</span></h2>
47+
<p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
48+
</div>
49+
<div class="col-md-5">
50+
<svg class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500" height="500" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 500x500" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#eee"></rect><text x="50%" y="50%" fill="#aaa" dy=".3em">500x500</text></svg>
51+
52+
</div>
53+
</div>
54+
<div class="row featurette d-flex justify-content-center align-items-center">
55+
<div class="col-md-7 order-md-2 ">
56+
<h2 class="featurette-heading">First featurette heading. <span class="text-muted">It’ll blow your mind.</span></h2>
57+
<p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
58+
</div>
59+
<div class="col-md-5">
60+
<svg class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500" height="500" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 500x500" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#eee"></rect><text x="50%" y="50%" fill="#aaa" dy=".3em">500x500</text></svg>
61+
62+
</div>
63+
</div>
64+
<div class="row featurette d-flex justify-content-center align-items-center">
65+
<div class="col-md-7 ">
66+
<h2 class="featurette-heading">First featurette heading. <span class="text-muted">It’ll blow your mind.</span></h2>
67+
<p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
68+
</div>
69+
<div class="col-md-5">
70+
<svg class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500" height="500" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 500x500" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#eee"></rect><text x="50%" y="50%" fill="#aaa" dy=".3em">500x500</text></svg>
71+
72+
</div>
73+
</div>
74+
</div>
75+
<footer class="container">
76+
<p class="float-end"><a href="#">Back to top</a></p>
77+
<p>© 2017-2020 Company, Inc. · <a href="#">Privacy</a> · <a href="#">Terms</a></p>
78+
</footer>
79+
80+
<!-- Optional JavaScript; choose one of the two! -->
81+
82+
<!-- Option 1: Bootstrap Bundle with Popper -->
83+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
84+
integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW"
85+
crossorigin="anonymous"></script>
86+
87+
<!-- Option 2: Separate Popper and Bootstrap JS -->
88+
<!--
89+
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-q2kxQ16AaE6UbzuKqyBE9/u/KzioAlnx2maXQHiDX9d4/zp8Ok3f+M7DPm+Ib6IU" crossorigin="anonymous"></script>
90+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-pQQkAEnwaBkjpqZ8RU1fF1AKtTcHJwFl3pblpTlHXybJjHpMYo79HY3hIi4NKxyj" crossorigin="anonymous"></script>
91+
-->
92+
</body>
93+
94+
</html>

‎iCoder/contact.html

Lines changed: 93 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,93 @@
1+
<!doctype html>
2+
<html lang="en">
3+
4+
<head>
5+
<!-- Required meta tags -->
6+
<meta charset="utf-8">
7+
<meta name="viewport" content="width=device-width, initial-scale=1">
8+
9+
<!-- Bootstrap CSS -->
10+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
11+
integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
12+
13+
<title>Hello, world!</title>
14+
</head>
15+
16+
<body>
17+
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
18+
<div class="container-fluid">
19+
<a class="navbar-brand" href="#">iCoder</a>
20+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglerDemo02"
21+
aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
22+
<span class="navbar-toggler-icon"></span>
23+
</button>
24+
<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
25+
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
26+
<li class="nav-item">
27+
<a class="nav-link" aria-current="page" href="index.html">Home</a>
28+
</li>
29+
<li class="nav-item">
30+
<a class="nav-link" href="about.html">About</a>
31+
</li>
32+
<li class="nav-item">
33+
<a class="nav-link active" href="contact.html">Contact Us</a>
34+
</li>
35+
</ul>
36+
<form class="d-flex">
37+
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
38+
<button class="btn btn-outline-success" type="submit">Search</button>
39+
</form>
40+
</div>
41+
</div>
42+
</nav>
43+
<div class="container my-4">
44+
<h2>Contact Us</h2>
45+
46+
<form>
47+
<div class="mb-3">
48+
<label for="exampleInputEmail1" class="form-label">Email address</label>
49+
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
50+
<div id="emailHelp" class="form-text">We'll never share your email with anyone else.</div>
51+
</div>
52+
<div class="mb-3">
53+
<label for="exampleInputPassword1" class="form-label">Password</label>
54+
<input type="password" class="form-control" id="exampleInputPassword1">
55+
</div>
56+
<div class="mb-3 form-check">
57+
<input type="checkbox" class="form-check-input" id="exampleCheck1">
58+
<label class="form-check-label" for="exampleCheck1">Check me out</label>
59+
</div>
60+
<select class="form-select" aria-label="Default select example">
61+
<option selected>Open this select menu</option>
62+
<option value="1">One</option>
63+
<option value="2">Two</option>
64+
<option value="3">Three</option>
65+
</select>
66+
<div class="mb-3">
67+
<label for="exampleInputEmail1" class="form-label my-3">your concern</label>
68+
<textarea class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp"></textarea>
69+
<div id="emailHelp" class="form-text">elaborate.</div>
70+
</div>
71+
<button type="submit" class="btn btn-primary ">Submit</button>
72+
</form>
73+
</div>
74+
<footer class="container">
75+
<p class="float-end"><a href="#">Back to top</a></p>
76+
<p>© 2017-2020 Company, Inc. · <a href="#">Privacy</a> · <a href="#">Terms</a></p>
77+
</footer>
78+
79+
<!-- Optional JavaScript; choose one of the two! -->
80+
81+
<!-- Option 1: Bootstrap Bundle with Popper -->
82+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
83+
integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW"
84+
crossorigin="anonymous"></script>
85+
86+
<!-- Option 2: Separate Popper and Bootstrap JS -->
87+
<!--
88+
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-q2kxQ16AaE6UbzuKqyBE9/u/KzioAlnx2maXQHiDX9d4/zp8Ok3f+M7DPm+Ib6IU" crossorigin="anonymous"></script>
89+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-pQQkAEnwaBkjpqZ8RU1fF1AKtTcHJwFl3pblpTlHXybJjHpMYo79HY3hIi4NKxyj" crossorigin="anonymous"></script>
90+
-->
91+
</body>
92+
93+
</html>

‎iCoder/forest.jpg

388 KB
Loading

‎iCoder/img/contact.png

42.8 KB
Loading

‎iCoder/img/desktop1.png

1.13 MB
Loading

‎iCoder/img/desktop2.png

271 KB
Loading

0 commit comments

Comments
 (0)