Skip to content

Commit 617665e

Browse files
harshita2216harshita2216
authored
Merge pull request #169 from RiyaGupta89/tribute-page
Tribute page
2 parents f8d0edb + 124973d commit 617665e

File tree

11 files changed

+561
-0
lines changed

11 files changed

+561
-0
lines changed

‎Index.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -69,3 +69,4 @@
6969
| [Simon Game](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Simon_Game) |A basic memory game in which there are 4 boxes of different colors and one box is blinked. The user has to click the boxes blinked and also has to click the previous blinked boxes as well.|
7070
| [Javascript Color Change App](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/JAVASCRIPT%20BUTTON%20APP) | It is a basic web app where the user can select a color from the options that are given on the web app and as he clicks on that option, all the buttons background color changes to that color. |
7171
| [JavaScript tip calculator](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Tip Calculator) | This script consists of user input--> total bill amount and bill percent and it calculates the tip amount and the total bill. |
72+
| [Tribute Page](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/TRIBUTE%20PAGE) | This is a tribute web page for covid warriors. Have built it using HTML, CSS, JAVASCRIPT. |

‎JAVASCRIPT BUTTON APP/README.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -31,6 +31,7 @@ node app.js
3131
```
3232
- Have a look at the webapp.
3333

34+
3435
## Screenshots
3536

3637
![Demo1](public/images/challenge1.png)

‎TRIBUTE PAGE/.gitignore

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
node_modules

‎TRIBUTE PAGE/README.md

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
<h1>Welcome to the Tribute Page 💐</h1>
2+
3+
<p>Simple Tribute Page for covid warriors written in HTML, CSS, and JavaScript. Get hands on practice and create a one page landing website.</p>
4+
5+
<h3>Used Technologies</h3>
6+
<ul>
7+
<li>HTML5</li>
8+
<li>CSS3</li>
9+
<li>JavaScript</li>
10+
</ul>
11+
12+
<h3>Use of this Project</h4>
13+
<p>This project is for practicing and showcasing your HTML, CSS, JAVASCRIPT skils. This is good beginner friendly project to get started with.</p>
14+
15+
#### Steps to Use:
16+
---
17+
18+
- Download or clone the repository
19+
```
20+
git clone https://github.com/Ayushparikh-code/Web-dev-mini-projects.git
21+
```
22+
- Go to the directory
23+
- Open terminal and run
24+
```
25+
node app.js
26+
```
27+
- Have a look at the webpage.
28+
29+
30+
<h3> ScreenShots </h3>
31+
<img src = "public/images/tribute.png" alt="Tribute-webpage-demo">
32+
<br>
33+
<img src = "public/images/tribute1.png" alt="Tribute-webpage-demo">
34+
35+
36+
## Keep Coding!

‎TRIBUTE PAGE/app.js

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
const express = require("express");
2+
3+
const app = express();
4+
5+
app.use(express.static("Public"));
6+
7+
app.get("/", function(req, res) {
8+
res.sendFile(__dirname + "/index.html");
9+
});
10+
11+
app.listen(3000, function(req, res) {
12+
console.log("Server started running on port 3000");
13+
})

‎TRIBUTE PAGE/index.html

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
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+
<link rel="stylesheet" type="text/css" href="css/style.css">
7+
<title>Tribute Page</title>
8+
</head>
9+
<body>
10+
<div class="massiveContainer">
11+
<div class="heading">
12+
<h1>a tribute page for covid warriors</h1>
13+
</div>
14+
<div class="date">
15+
<h5>Aug 14, 2020 15:33 IST</h5>
16+
</div>
17+
<div class="aboutPara">
18+
After remaining closed since March this year due to the coronavirus disease (Covid-19) pandemic, churches in Mumbai will resume Mass from Sunday with strict adherence to all the government regulations and necessary protocols in place. The state government had permitted reopening of religious places on November 16. However, churches remained closed and only private prayers were allowed so far. Face masks and social distancing norms have been made compulsory. Adults above the age of 65 years, children below 10, and persons with fever, cold, cough, and comorbidities will not be allowed inside church premises. Churches will continue to organise online masses for people who cannot step out as of now, according to Archbishop of Bombay.
19+
</div>
20+
21+
<div class="image">
22+
<img src="https://akm-img-a-in.tosshub.com/indiatoday/images/bodyeditor/202005/Thankyou_Corona_Warriors.-x700.jpeg?d06_VFXNFg4m9jbTYfAAsss4DKhZ2QRz" alt="Covid Warriors IMG">
23+
<div class="caption">
24+
<h4>They're the Frontline Warriors.</h4>
25+
</div>
26+
</div>
27+
28+
<div class="more">
29+
<h6>Read more about the latest news on Covid warriors at <a href="https://timesofindia.indiatimes.com/defaultinterstitial.cms">
30+
The Times Of India. </a> </h6>
31+
</div>
32+
</div>
33+
</body>
34+
</html>

0 commit comments

Comments
 (0)