Skip to content
Snippets Groups Projects
Commit 31e76c0f authored by Zain Munshi's avatar Zain Munshi
Browse files

final

parents c3c7d8c1 d5bdf4a3
No related branches found
No related tags found
No related merge requests found
...@@ -11,15 +11,25 @@ ...@@ -11,15 +11,25 @@
</div> </div>
<div> <div>
<ul class="navtab"> <nav>
<li> <img src="images/logo.png" alt="Nextgen logo.jpeg"> </li> <ul>
<li> <a href="#">Home</a> </li> <li>
<li> <a href="#">About</a> </li> <img src="images/logo.jpeg" alt="logo" style = "height: 100px;">
<li> <a href="#">Contact</a> </li> </li>
</ul> <li>
<a href="aboutus.html">About us</a>
</li>
<li><a href="contactus.html">Contact Us</a></li>
<li><a href="#cata">Catalogue</a></li>
<div class="bigbanner1"> </ul>
<h1>Code of War</h1>
<h3> <i>Code of War deploys players into a dark, twisted future where a new breed of Code Ops soldiers emerges and the lines are blurred between our own humanity and the technology we created to stay ahead, in a world where cutting-edge military robotics define warfare.</i> </h3> <div class="codeofwar">
<h3><b>Multiplayer Free Trial.</h3> <img src="images/codeofwar.jpg" alt="">
<h3> <i>Code of War deploys players into a dark, twisted future where a new breed of Code Ops soldiers
emerge and the lines are blurred between our own humanity and the technology we created to stay ahead,
in a world where cutting-edge military robotics define warfare.</i> </h3>
<h3> <b> Online Multiplayer - Free Trial For 30 Days</b> </h3>
</div> </div>
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Dark Souls </title>
<link rel="stylesheet" href="gamep2style.css">
</head>
<body>
<div class="tophead1">
</div>
<div>
<ul class="navtab">
<li> <img src="images/Nextgen logo.jpeg" alt=""> </li>
<li> <a href="#">Home</a> </li>
<li> <a href="#">About</a> </li>
<li> <a href="#">Contact</a> </li>
</ul>
<div class="Dark Souls">
<img src="images/DarkSouls.jpeg" alt="">
<h1>Dark Souls</h1>
<h3> <i>The games take place within a dark, medieval fantasy setting,
where the player's character fights against knights, dragons, phantoms, demons,
and other monstrous or supernatural entities. The accretion, loss,
and recovery of souls is central to the narrative and gameplay of Dark Souls games</i> </h3>
<h3> <b> Online Multiplayer - Free Trial For 30 Days</b> </h3>
</div>
ul li {
list-style: none;
/* display: inline; */
padding: 0 90px;
}
a{
text-decoration: none;
color: black;
}
ul {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
...@@ -3,28 +3,28 @@ ...@@ -3,28 +3,28 @@
<head> <head>
<title> About us </title> <title> About us </title>
<h1 <h1
style="text-align:center;color:white;font-size:60px;" title = "Page Title">About us style="text-align:center;color:black;font-size:60px;" title = "Page Title">About us
</h1> </h1>
</head> </head
<br><br> <br><br>
<body bgcolor="#000000"> <body>
<div> <div>
<img allign="left" src = "images/Tim.jpeg" alt = "Main developer" title = "Picture of Tim" height="150px" width = "150px"> <img allign="left" src = "images/Tim.jpeg" alt = "Main developer" title = "Picture of Tim" height="150px" width = "150px">
<p style="color:white;font-size:20px">Hi I'm Tim and I'm the lead game developer for NextGen. I've been working in this industry for 24 years and have developed games for major companies such as EA and Valve. I joined NextGen in 2020 and have been helping them develop many games such as code of war and dark souls. I decided to join this company in 2020 because I believe this is the next big company in gaming and we will be able to create the best games imaginable.</p> <p style="color:black;font-size:20px">Hi I'm Tim and I'm the lead game developer for NextGen. I've been working in this industry for 24 years and have developed games for major companies such as EA and Valve. I joined NextGen in 2020 and have been helping them develop many games such as code of war and dark souls. I decided to join this company in 2020 because I believe this is the next big company in gaming and we will be able to create the best games imaginable.</p>
</div> </div>
<br><br> <br><br>
<div> <div>
<img src = "images/shroud_face.jpeg" height="150px" width = "150px"> <img src = "images/shroud_face.jpeg" height="150px" width = "150px">
<p style="color:white;font-size:20px">Hi my names Michael im a 27 year old developer who started my career at Blizzard. I helped them develop major titles such as Overwatch and Diablo and I was even the lead developer for the company whilst developing Overwatch 2. I recently left Blizzard in order to join NextGen because this new company are much more innovative and the games they've been releasing have all been incredible. I'm hopeful to have a long career working for this company helping them develop major titles such as code league.</p> <p style="color:black;font-size:20px">Hi my names Michael im a 27 year old developer who started my career at Blizzard. I helped them develop major titles such as Overwatch and Diablo and I was even the lead developer for the company whilst developing Overwatch 2. I recently left Blizzard in order to join NextGen because this new company are much more innovative and the games they've been releasing have all been incredible. I'm hopeful to have a long career working for this company helping them develop major titles such as code league.</p>
</div> </div>
<br><br> <br><br>
<div> <div>
<img src = "images/woman_face.jpeg" height="150px" width = "150px"> <img src = "images/woman_face.jpeg" height="150px" width = "150px">
<p style="color:white;font-size:20px"> Hi I'm Alice I've been working in the gaming industry my whole life taking on various roles as a developer and project manager. I've worked at major companies such as Riot and EA and helped them create some of the biggest games of all time. I was a co-developer on numerous major projects such as FIFA and Valorant and was the lead developer for Rune of terra. I left those companies in order to join NextGen because I personally believe this comapny is the future of gaming and will help this industry grow even more in the future.</p> <p style="color:black;font-size:20px"> Hi I'm Alice I've been working in the gaming industry my whole life taking on various roles as a developer and project manager. I've worked at major companies such as Riot and EA and helped them create some of the biggest games of all time. I was a co-developer on numerous major projects such as FIFA and Valorant and was the lead developer for Rune of terra. I left those companies in order to join NextGen because I personally believe this comapny is the future of gaming and will help this industry grow even more in the future.</p>
<br><br> <br><br>
<h1 style = "color:white; font-size:30px"> Company Information:</h1> <h1 style = "color:black; font-size:30px"> Company Information:</h1>
<p style = "color:white;font-size:20px"> NextGen Gaming began operations in early 2020 but was founded several years earlier in 2018. The company was founded by Deacan, Thaher, Zain and Jayden whilst studying sofware engineering in Cardiff University. The young individuals started the comapny because they wanted to make a difference in the gaming industry and help create a more stable future for game developing companies. Since they began operations in 2020 we have released major titles such as dark souls and code war which were massively succesful across thr globe. In the future our company wants to continue to release well beloved games that will help create a better future for the industry. In 2 short years the company have achieved what many other companies take several decades to achieve which has left the whole company wanting to create more and make more of an impact in the industry.</p> <p style = "color:black;font-size:20px"> NextGen Gaming began operations in early 2020 but was founded several years earlier in 2018. The company was founded by Deacan, Thaher, Zain and Jayden whilst studying sofware engineering in Cardiff University. The young individuals started the comapny because they wanted to make a difference in the gaming industry and help create a more stable future for game developing companies. Since they began operations in 2020 we have released major titles such as dark souls and code war which were massively succesful across thr globe. In the future our company wants to continue to release well beloved games that will help create a better future for the industry. In 2 short years the company have achieved what many other companies take several decades to achieve which has left the whole company wanting to create more and make more of an impact in the industry.</p>
</body> </body>
<br> <br>
<br> <br>
......
h1{ .center {
color: blue; text-align: center;
border: 3px solid white;
}
.centerTable{
border: 2px solid white;
margin:auto;
}
.centerTable td {
border: 1px solid white;
}
body{
background-color: black
}
body {
color: white
}
ul li {
list-style: none;
/* display: inline; */
padding: 0 90px;
}
a{
text-decoration: none;
color: white;
}
ul {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
} }
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en-us"> <html lang="en-us">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
...@@ -6,10 +7,24 @@ ...@@ -6,10 +7,24 @@
<title>Table template</title> <title>Table template</title>
<link rel="stylesheet" href="contactStyle.css"> <link rel="stylesheet" href="contactStyle.css">
</head> </head>
<body> <body>
<h1> Contact Us </h1> <nav>
<ul>
<li>
<img src="images/logo.jpeg" alt="logo" style = "height: 100px;">
</li>
<li>
<a href="aboutus.html">About us</a>
</li>
<li><a href="contactus.html">Contact Us</a></li>
<li><a href="#cata">Catalogue</a></li>
</ul>
</nav>
<section class="center">
<table> <h1> Contact Us </h1>
<table class="centerTable">
<tr> <tr>
<td>Next Gen</td> <td>Next Gen</td>
<td>English</td> <td>English</td>
...@@ -30,11 +45,12 @@ ...@@ -30,11 +45,12 @@
<td>Mail</td> <td>Mail</td>
<td>Infomation Sation, New Sation Building, Kingsway, Oldport OP10 2ZA</td> <td>Infomation Sation, New Sation Building, Kingsway, Oldport OP10 2ZA</td>
</tr> </tr>
</table> </table>
<br>
</body> </section>
</html> <br>
<section class="center">
<h1>Get in touch</h1> <h1>Get in touch</h1>
...@@ -57,3 +73,7 @@ ...@@ -57,3 +73,7 @@
<input type="Submit" name="Input-submit" value="Submit Form"> <input type="Submit" name="Input-submit" value="Submit Form">
</form> </form>
</section>
</body>
</html>
...@@ -43,3 +43,50 @@ body{ ...@@ -43,3 +43,50 @@ body{
color: #000000; color: #000000;
font-weight: bolder; font-weight: bolder;
} }
.codeofwar{
width: 100%;
height: 300px;
padding-top: 30px;
}
.codeofwar h1{
margin-top: 0;
text-align: right;
font-size: 40px;
color: #000000;
}
.codeofwar h3{
margin-top: 0;
text-align: center;
font-size: 40px;
font-weight: lighter;
color: #000000;
}
.containergrid{
margin-top: 20px;
text-align: center;
}
.grid1, .grid2{
width: 300px;
display: inline-block;
margin-left: 15px;
margin-right: 15px;
text-align: justify;
}
ul li {
list-style: none;
/* display: inline; */
padding: 0 90px;
}
a{
text-decoration: none;
color: black;
}
ul {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
body{
padding: 0;
margin: 0;
border: 0;
font-family: sans-serif;
}
.tophead1{
width: 100%;
height: 40px;
background-color: #000000;
margin: 0;
}
.navtab{
background-color: #000000;
margin: 0;
text-align: right;
}
.navtab > li{
display: inline;
margin-right: 20px;
}
.navtab > li > a{
display: inline-block;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 5px;
padding-right: 5px;
font-size: 18px;
text-decoration: none;
color: #fff;
font-weight: bold;
}
.navtab > li > img{
width: 60px;
border: 0;
padding: 0;
float: left;
margin-top: 10px;
}
.navtab li a:hover{
background-color: #fff;
color: #000000;
font-weight: bolder;
}
.codeofwar{
width: 100%;
height: 500px;
background-image: url("images/DarkSouls.jpg");
padding-top: 20px;
}
.codeofwar h1{
margin-top: 0;
text-align: bottom;
font-size: 50px;
color: #000000;
}
.codeofwar h3{
margin-top: 0;
text-align: center;
font-size: 70px;
font-weight: lighter;
color: #000000;
}
.containergrid{
margin-top: 20px;
text-align: center;
}
.grid1, .grid2{
width: 300px;
display: inline-block;
margin-left: 15px;
margin-right: 15px;
text-align: justify;
}
File moved
...@@ -37,9 +37,9 @@ ...@@ -37,9 +37,9 @@
<h2>Our Catalogue</h2> <h2>Our Catalogue</h2>
<div class="games" id = "cata"> <div class="games" id = "cata">
<a href="Game1.html"><img src="images/Code Of War.jpg" alt=""></a> <a href="Game1.html"><img src="images/codeofwar.jpg" alt=""></a>
<a href="Game2.html"><img src="images/RocketCode.jpg.webp" alt=""></a> <a href="Game2.html"><img src="images/RocketCode.jpg.webp" alt=""></a>
<a href="Game3.html"> <img src="images/DarkSouls.jpg" alt=""></a> <a href="Game2.html"> <img src="images/DarkSouls.jpg" alt=""></a>
</div> </div>
......
...@@ -53,7 +53,7 @@ p{ ...@@ -53,7 +53,7 @@ p{
} }
.games img{ .games img{
height: 200px; height: 200px;
padding: 20px padding: 20px
} }
...@@ -63,9 +63,9 @@ p{ ...@@ -63,9 +63,9 @@ p{
align-items: flex-end; align-items: flex-end;
justify-content: center; justify-content: center;
} }
h2{ h2{
text-align: center; text-align: center;
color: white color: white
} }
...@@ -75,9 +75,5 @@ h2{ ...@@ -75,9 +75,5 @@ h2{
display: flex; display: flex;
align-items: center; align-items: center;
} }
button{
background-color: transparent;
font-size: large;
color: white;
border-color: white;
}
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment