Subid Biswas Project 1 Nodejs Cse3c July2021

PROJECT - 1
NAME : SUBID BISWAS

DEPARTMENT : B.TECH CSE 3C
ROLL : 430119010190
UNIVERSITY : NARULA INSTITUTE OF TECHNOLOGY
NIT_CSE_NodeJS_July 2021
GAME STORE WEBSITE

DONE BY SUBID BISWAS
ALL HTML CODES:

HOME
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<style>
body{
background-image: radial-gradient(rgb(37, 37, 37), rgb(0, 0, 0));
}
.grid-container {
display: grid;
grid-template-columns: auto auto auto;
padding: 0px;
}
.grid-item {
font-size: 35px;
font-family: 'Segoe UI';
font-weight: bold;
text-align: center;
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
width: 500px;
}
#image
{
height: 500px;
width: 1750px;
}
#heading
subidbiswas2061@gmail.com
{
text-align: center;
font-size: 50px;
font-weight: bolder;
background-color: rgb(0, 110, 255);
color: rgb(0, 0, 0);
width: 100%;
}
nav
{
background-color: black;
text-align: center;
padding: 30px;
font-size: 30px;
width: 95%;
}
a
{
text-decoration: none;
color: rgb(0, 153, 255);
margin-left: 30px;
}
}
</style>
<body>
<nav>
<center>
<a href="task 2.html">HOME<span></span></a>
<a href="contact.html">CONTACT<span></span></a>
<a href="about.html">ABOUT<span></span></a>
<a href="FORMCW.html">FEEDBACK<span> </span></a>
</center>
</nav>
<div><img id="image" src="sdsdsds.png"></div>

<div id="heading" style="font-
family:'Franklin Gothic Medium;">PLAYERSHUB</div>
<div class="grid-container">
<div class="grid-
item"><a href="witcher.html"><img src="witcher.jpg" alt="WITCHER" width="500" hei
ght="300"></a><p style="color:rgb(81, 255, 0);">THE WITCHER 3</p></div>
<div class="grid-
item"><a href="farcry.html"><img src="metro.jpg" alt="METRO" width="500" height="
300"></a><p style="color:rgb(81, 255, 0);">METRO EXODUS</p></div>
<div class="grid-
item"><a href="skyrim.html"><img src="skyrim.jpg" alt="SKYRIM" width="500" height
="300"></a><p style="color:rgb(81, 255, 0);">SKYRIM</p></div>
<div class="grid-
item"><a href="acvalhalla.html"><img src="ac valhalla.jpg" alt="AC VALHALLA" wid
th="500" height="300"></a><p style="color:rgb(81, 255, 0);">VALHALLA</p></div>
<div class="grid-
item"><a href="daysgone.html"><img src="daysgone.jpg" alt="DAYS GONE" width="500"
height="300"></a><p style="color:rgb(81, 255, 0);">DAYS GONE</p></div>
<div class="grid-
item"><a href="readdead.html"><img src="reddead.jpeg" alt="REDDEAD" width="500" h
eight="300"></a><p style="color:rgb(81, 255, 0);">RED DEAD REDEMPTION 2</p></div>
<div class="grid-
item"><a href="darksouls.html"><img src="darksouls.jpg" alt="DARKSOULS" width="50
0" height="300"></a><p style="color:rgb(81, 255, 0);">DARK SOULS 3</p></div>
<div class="grid-
item"><a href="dota2.html"><img src="dota 2.jpg" alt="DOTA" width="500" height="3
00"></a><p style="color:rgb(81, 255, 0);">DOTA 2</p></div>
<div class="grid-
item"><a href="nioh2.html"><img src="nioh 2.jpeg" alt="NIOH" width="500" height="
300"></a><p style="color:rgb(81, 255, 0);">NIOH 2</p></div>
</div>
<center><footer style="color:white;">MAIL US AT: subidbiswas2061@gmail.com<
/footer></center>
</body>
</html>
CONTACT
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<style>
body{
}
#image
{
height: 500px;
width: 2000px;
}
#heading
{
text-align:center;
font-size: 50px;
color: white;
width: 100%;
}
nav
{
text-align: center;
padding: 30px;
font-size: 30px;
width: 100%;
}
a
{
color: white;
margin-left: 0px;
}
#map{
text-align: center;
margin-top: 0px;
}
#contact{
font-size: 20px;
margin-bottom: 10px;
}
#add{font-size: 20px;
margin-bottom: 0px;}
#mail{
font-size: 20px;
margin-bottom: 0px;
}
}
</style>
<body>
<nav>
<a href="task 2.html">HOME<span> </span></a>

<a href="about.html">ABOUT<span> </span></a>
</nav>
<div id="heading">OUR LOCATION</div>

<div id="map"><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m1
2!1m3!1d48381.428472864594!2d-
74.03050937640784!3d40.72155445986478!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3
!1m2!1s0x89c259885419838b%3A0x2d39c2f6ed6db3c!2sLower%20Manhattan%2C%20New%20York
%2C%20NY%2C%20USA!5e0!3m2!1sen!2sbd!4v1627452816009!5m2!1sen!2sbd" width="600" he
ight="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe></div>
<center>
<h1 style="color:white;">Contact Us : +91 9330624067</h1>
<h2 style="color:white;">Address: ONLINE STOP SHOP, 23rd Avenue,</h2>
<h3 style="color:white;">NEW YORK, USA.</h3>
<h3 style="color:white;">Email: subidbiswas2061@gmail.com</h3>
</center>
</body>
</html>
ABOUT
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<style>body{
}
#image
{
height: 500px;
width: 2000px;
nav
{
background-color: rgb(22, 22, 22);
text-align: center;
padding: 30px;
font-size: 30px;
width: 100%;
}
div
{
font-size: 30px;
text-align: center;
margin-bottom: 0px;
}
a
{
color: white;
margin-left: 0px;
}
}
</style>
<body>
<nav>

<a href="contact.html">CONTACT<span> </span></a>
</nav>
<div>
<center>
<img src="subid.jpg" alt="student image"></td>

<h1 style="color:white;">Name: Subid Biswas</h1>
<h2 style="color:white;">Roll Number: 430119010190</h2>
<h3 style="color:white;">About: I am a Student</h3>
<h3 style="color:white;">Department: CSE 3C</h3>
<h3 style="color:white;">University: Narula Institute of Technolo
gy</h3>
</center>
</div>
</body>
</html>
FEEDBACK
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<style>
body{
background-image: radial-
gradient(rgb(255, 255, 255), rgb(107, 107, 107));
}
#image
{
height: 500px;
width: 1000px;
}
#heading
{
text-align:center;
font-size: 50px;
color: white;
width: 100%;
}
nav
{
text-align: center;
padding: 30px;
font-size: 30px;
width: 100%;
}
a
{
color: white;
margin-left: 0px;
}
#map{
text-align: center;
margin-top: 0px;
}
#contact{
font-size: 20px;
margin-bottom: 10px;
}
#add{font-size: 20px;
margin-bottom: 0px;}
#mail{
font-size: 20px;
margin-bottom: 0px;
}
}
</style>
<body>
<nav>

</nav>
<center>
<h1>CUSTOMER REVIEW FORM</h1>
Enter Your Name:
<input type ="text" name="Username" size=35 maxlength=35 value="">
</br></br>
Enter Your email:
<input type="text" name="Dept" size=35 maxlength=35 value="">
</br></br>
Give Us a Review:
<textarea name="comments" cols=30 rows=5></textarea>
</br></br>
Did You Make a Purchase?
<input type="radio" name="exe" value=1> Yes
<input type="radio" name="exe" value=2> No

</br></br>
Did You Buy Our Top Games?
</br></br>
<input type="checkbox" name="exe" value=1> The Witcher 3
<input type="checkbox" name="exe" value=2> Red Dead Redemption
<input type="checkbox" name="exe" value=3> Metro Exodus
<input type="checkbox" name="exe" value=4> The Last Of Us 2
</br></br>
What Genre of Movies do you like?
<select name="exe" id="">
<option value=""> ARCADE </option>
<option value=""> RPG </option>
<option value=""> FPS SHOOTING </option>
<option value=""> CINEMATIC </option>
<option value=""> HORROR </option>
</select>
</br></br>
<button type="button">Submit Form</button>
</center>
</body>
</html>
ELEMENTS OF HOME PAGE:
THE WITCHER 3:
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<style>body{
background-color: lightgrey;
}
#head
{ font-size: 50px;
text-align: center;
color: white;
}
#image
{
text-align: center;
}
</style>
<title>Witcher 3</title>
<body>
<div id="head">THE WITCHER 3: WILD HUNT</div>
<center>
<img src="witcher.jpg" alt="image" width="880" height="500"></td>
<h3 style="color:rgb(0, 0, 0);">Price: RS 3800</h1>
<h3 style="color:rgb(0, 0, 0);">Publisher: CDPROJECKT RED</h2>
<h3 style="color:rgb(0, 0, 0);">Release Date: May 18, 2015</h3>
<h3 style="color:rgb(0, 0, 0);">Platform: Playstation 4, Xbox One, PC</h3
>
</center>
</body>
</html>
METRO EXODUS:
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<style>body{
}
#head
{ font-size: 50px;
text-align: center;
color: white;
}
#image
{
text-align: center;
}
</style>
<title>METRO EXODUS</title>
<body>
<div id="head">METRO: EXODUS </div>

<center>
<img src="metro.jpg" alt="image" width="880" height="500"></td>

<h3 style="color:rgb(0, 0, 0);">Publisher: 4A GAMES</h2>
<h3 style="color:rgb(0, 0, 0);">Release Date: February 15, 2019</h3>
>
</center>
</body>
</html>
SKYRIM:
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<style>body{
}
#head
{ font-size: 50px;
text-align: center;
color: white;
}
#image
{
text-align: center;
}
</style>
<title>skyrim</title>
<body>
<div id="head">THE ELDER SCROLLS V: SKYRIM</div>

<center>
<img src="skyrim.jpg" alt="image" width="950" height="500"></td>

<h3 style="color:rgb(0, 0, 0);">Publisher: Bethesda Game Studios</h2>
<h3 style="color:rgb(0, 0, 0);">Release Date: November 11, 2011</h3>
>
</center>
</body>
</html>
VALHALLA:
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<style>body{
}
#head
{ font-size: 50px;
text-align: center;
color: white;
}
#image
{
text-align: center;
}
</style>
<title>Assassin Creed Valhalla</title>
<body>
<div id="head">ASSASINS CREED: VALHALLA</div>
<center>
<img src="ac valhalla.jpg" alt="image" width="880" height="500"></td>

<h3 style="color:rgb(0, 0, 0);">Publisher: UBISOFT</h2>
<h3 style="color:rgb(0, 0, 0);">Release Date: Nov 10, 2020</h3>
<h3 style="color:rgb(0, 0, 0);">Platform: Playstation 4, Xbox One, PC
</h3>
</center>
</body>
</html>
DAY’S GONE:
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<style>body{
}
#head
{ font-size: 50px;
text-align: center;
color: white;
}
#image
{
text-align: center;
}
</style>
<title>Days Gone</title>
<body>
<div id="head">DAY'S GONE</div>
<center>
<img src="daysgone.jpg" alt="image" width="880" height="500"></td>

<h3 style="color:rgb(0, 0, 0);">Publisher: Sony Interactive Entertainment
</h2>
<h3 style="color:rgb(0, 0, 0);">Release Date: April 26, 2019</h3>
>
</center>
</body>
</html>
RED DEAD REDEMPTION 2:

<!DOCTYPE html>
<html lang="en">
<head>
</head>
<style>body{
}
#head
{ font-size: 50px;
text-align: center;
color: white;
}
#image
{
text-align: center;
}
</style>
<title>Red Dead Redemption 2</title>
<body>
<div id="head">RED DEAD REDEMPTION 2</div>

<center>
<img src="reddead.jpeg" alt="image" width="950" height="500"></td>

<h3 style="color:rgb(0, 0, 0);">Publisher: Rockstars Games</h2>
<h3 style="color:rgb(0, 0, 0);">Release Date: October 26, 2018</h3>
>
</center>
</body>
</html>
DARK SOULS 3:
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<style>body{
}
#head
{ font-size: 50px;
text-align: center;
color: white;
}
#image
{
text-align: center;
}
</style>
<title>Dark Souls 3</title>
<body>
<div id="head">DARK SOULS 3</div>
<center>
<img src="darksouls.jpg" alt="image" width="880" height="500"></td>

<h3 style="color:rgb(0, 0, 0);">Publisher: FromSoftware</h2>
<h3 style="color:rgb(0, 0, 0);">Release Date: March 10, 2016</h3>
<h3 style="color:rgb(0, 0, 0);">Platform: Playstation 4, Xbox One, PC
</h3>
</center>
</body>
</html>
DOTA 2:
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<style>body{
}
#head
{ font-size: 50px;
text-align: center;
color: white;
}
#image
{
text-align: center;
}
</style>
<title>Dota 2</title>
<body>
<div id="head">DOTA 2</div>
<center>
<img src="dota 2.jpg" alt="image" width="880" height="500"></td>

<h3 style="color:rgb(0, 0, 0);">Price: FREE!!! (Get It Now!)</h1>
<h3 style="color:rgb(0, 0, 0);">Publisher: VALVE</h2>
<h3 style="color:rgb(0, 0, 0);">Release Date: July 9, 2013</h3>
<h3 style="color:rgb(0, 0, 0);">Platform: PC</h3>
</center>
</body>
</html>
NIOH 2:
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<style>body{
}
#head
{ font-size: 50px;
text-align: center;
color: white;
}
#image
{
text-align: center;
}
</style>
<title>Nioh 2</title>
<body>
<div id="head">NIOH 2</div>
<center>
<img src="nioh 2.jpeg" alt="image" width="880" height="500"></td>

<h3 style="color:rgb(0, 0, 0);">Price: FREE!!! (Get It Now!)</h1>
<h3 style="color:rgb(0, 0, 0);">Publisher: KOEI TEKMO</h2>
<h3 style="color:rgb(0, 0, 0);">Release Date: March 12, 2020</h3>
<h3 style="color:rgb(0, 0, 0);">Platform: PC</h3>
</center>
</body>
</html>

Subid Biswas Project 1 Nodejs Cse3c July2021

Uploaded by

Document Information

Original Description:

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Subid Biswas Project 1 Nodejs Cse3c July2021

Uploaded by

Copyright:

Available Formats

PROJECT - 1

NAME : SUBID BISWAS

GAME STORE WEBSITE

ALL HTML CODES:

<div><img id="image" src="sdsdsds.png"></div>

<a href="task 2.html">HOME<span> </span></a>

<div><img id="image" src="sdsdsds.png"></div>

<div id="heading">OUR LOCATION</div>

<a href="task 2.html">HOME<span> </span></a>

<img src="subid.jpg" alt="student image"></td>

<a href="task 2.html">HOME<span> </span></a>

<input type="radio" name="exe" value=2> No

ELEMENTS OF HOME PAGE:

<div id="head">METRO: EXODUS </div>

<img src="metro.jpg" alt="image" width="880" height="500"></td>

<div id="head">THE ELDER SCROLLS V: SKYRIM</div>

<img src="skyrim.jpg" alt="image" width="950" height="500"></td>

<img src="ac valhalla.jpg" alt="image" width="880" height="500"></td>

<img src="daysgone.jpg" alt="image" width="880" height="500"></td>

RED DEAD REDEMPTION 2:

<div id="head">RED DEAD REDEMPTION 2</div>

<img src="reddead.jpeg" alt="image" width="950" height="500"></td>

<img src="darksouls.jpg" alt="image" width="880" height="500"></td>

<img src="dota 2.jpg" alt="image" width="880" height="500"></td>

<img src="nioh 2.jpeg" alt="image" width="880" height="500"></td>

You might also like