Skip to content

Commit 75b77d8

Browse files
harshita2216harshita2216
authored
Merge branch 'main' into foodWeb
2 parents f2b9b10 + d05fdcf commit 75b77d8

File tree

12 files changed

+520
-3
lines changed

12 files changed

+520
-3
lines changed

‎Index.md

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -114,4 +114,6 @@
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.
116116
| [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-
| [Food Website Template](https://github.com/soma2000-lang/Web-dev-mini-projects/tree/iron/Food-Web) |It is a simple and resonsive Food Website Website, you can navigate through them.
117+
| [Food Website Template](https://github.com/soma2000-lang/Web-dev-mini-projects/tree/iron/Food-Web) |It is a simple and resonsive Food Website Website, you can navigate through them.
118+
| [iCoder](https://github.com/soma2000-lang/Web-dev-mini-projects/tree/iron/iCoder) |It is a simple and resonsive website made using bootstrap.
119+

‎Movie-Website/README.md

Lines changed: 34 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,33 @@
1-
# Movie App
1+
# Welcome 🖐 to the Movie App
2+
This is a HTML, CSS, JAVASCRIPT movie website project where users can come and watch any movie from this website.
3+
4+
5+
## 💻Tech Stack
6+
<br>
7+
8+
![HTML](https://img.shields.io/badge/html5%20-%23E34F26.svg?&style=for-the-badge&logo=html5&logoColor=white)
9+
![CSS](https://img.shields.io/badge/css3%20-%231572B6.svg?&style=for-the-badge&logo=css3&logoColor=white)
10+
![JS](https://img.shields.io/badge/javascript%20-%23323330.svg?&style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)
11+
12+
<br>
13+
14+
15+
### How to get the project on your local machine:
16+
17+
---
18+
19+
- Download or clone the repository
20+
21+
```
22+
git clone https://github.com/Ayushparikh-code/Web-dev-mini-projects.git
23+
```
24+
25+
- Go to the directory
26+
- Open movie-website folder
27+
- Open index.html with live server
28+
29+
### Things used in the project
30+
231
Built with Vanilla JavaScript. Below is a list of the methods and properties use
332

433
* querySelector
@@ -21,4 +50,7 @@ Built with Vanilla JavaScript. Below is a list of the methods and properties use
2150
* target
2251

2352

24-
### Video coming soon!!!
53+
54+
55+
https://user-images.githubusercontent.com/72425181/126938947-7b21a74b-6db3-4835-b1f3-6ee6eb70149c.mp4
56+

‎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)