I\'ve did what I could to work on this website that should focus on appealing to
ID: 3835765 • Letter: I
Question
I've did what I could to work on this website that should focus on appealing to a gaming audience who is interested on what is going to happen at an even called E3. Are there any improvements you can think of to make it better. The html and css codes are located below. Thanks.
<!--html-->
<!DOCTYPE html>
<html lang="en">
<head>
<title>LeavinesGameWeb</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="css/game.css">
</head>
<body>
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">News
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">PlayStation 4</a></li>
<li><a href="#">Xbox One</a></li>
<li><a href="#">Nintendo Switch</a></li>
<li><a href="#">PC</a></li>
<li><a href="#">Mobile</a></li>
<li><a href="#">Nintendo 3DS/2DS</a></li>
</ul>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Events
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Game Nights</a></li>
<li><a href="#">Tournaments</a></li>
</ul>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Reviews
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">PlayStation 4</a></li>
<li><a href="#">Xbox One</a></li>
<li><a href="#">Nintendo Switch</a></li>
<li><a href="#">PC</a></li>
<li><a href="#">Mobile</a></li>
<li><a href="#">Nintendo 3DS/2DS</a></li>
</ul>
<li><a href="#">About</a></li>
</ul>
</div>
</div>
</nav>
<!--Original image below in comments-->
<div class="monika">One of the biggest events of the year in gaming is getting close. Here are our top predictions for this year's E3. </div>
<img src="img/e3pred2.png" style: width = "1599" height ="330">
<table width="160" align="let" class="button">
<tr>
<td>
<a href="#" > Read more</a>
</td>
</tr>
</table>
<p></p>
<h1>Ward's Gaming Website!</h1>
<h4>This website is dedicated to bringing the latest news and entertainment in gaming 24/7. Not only just that, but we are also
committed into hosting gamenights that are held every Friday 8:00 pm CST and annual tournaments every summer. If you want
to apply and be part of our great community, feel free to do so by clicking the "Apply" link below, or join our forums to meet new people to play
some fun games with. Have fun! </h4>
<div class="row" align="justify">
<div class="col-md-1"><h4>Forum</h4></div>
</div>
<div class="row" align="justify">
<div class="col-md-1"><h4>Apply</h4></div>
</div>
<div class="row" align="justify">
<div class="col-md-1"><h4>History</h4></div>
</div>
<footer class="container-fluid text-center">
<p>© 2017 Ward Leavines</p>
</footer>
</body>
</html>
/*CSS*/
body {
background-color: lightblue;
font-family: ''Franklin Gothic Medium', ' Arial, sans-serif';font-size: 22px;
}
/* Remove the navbar's default margin-bottom and rounded borders */
.navbar {
margin-bottom: 0;
border-radius: 0;
}
/* Set height of the grid so .sidenav can be 100% (adjust as needed) */
.row.content {height: 450px}
.sidenav {
padding-top: 40px;
background-color: #f1f1f1;
height: 100%;
}
/* Set black background color, white text and some padding */
footer {
background-color: #333;
color: white;
padding: 4px;
position: fixed;
bottom: 0;
width: 100%;
}
/* On small screens, set height to 'auto' for sidenav and grid */
@media screen and (max-width: 767px) {
.sidenav {
height: auto;
padding: 15px;
}
.row.content {height:auto;}
}
div h4 {
color: yellow;
background-color: black
}
News Events Reviews About Home One of the biggest events of the year in gaming is getting close. Here are our top predictions for this year's E3 E3 20 177 Predict io ns Read more Ward's Gaming Website! This website is dedicated to bringing the latest news and entertainment in gaming 24/7. Not only just that, but we are also committed into hosting gamenights that are held every Friday 8:00 pm CST and annual tournaments every summer. If you want to apply and be part of our great community, feel free to do so by clicking the "Apply" link below, or join our forums to meet new people to play some fun games with. Have fun! Forum Histo O 201 Ward LeavinesExplanation / Answer
<!--html-->
<!DOCTYPE html>
<html lang="en">
<head>
<title>LeavinesGameWeb</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="css/game.css">
</head>
<body>
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">News
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">PlayStation 4</a></li>
<li><a href="#">Xbox One</a></li>
<li><a href="#">Nintendo Switch</a></li>
<li><a href="#">PC</a></li>
<li><a href="#">Mobile</a></li>
<li><a href="#">Nintendo 3DS/2DS</a></li>
</ul>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Events
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Game Nights</a></li>
<li><a href="#">Tournaments</a></li>
</ul>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Reviews
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">PlayStation 4</a></li>
<li><a href="#">Xbox One</a></li>
<li><a href="#">Nintendo Switch</a></li>
<li><a href="#">PC</a></li>
<li><a href="#">Mobile</a></li>
<li><a href="#">Nintendo 3DS/2DS</a></li>
</ul>
<li><a href="#">About</a></li>
</ul>
</div>
</div>
</nav>
<!--Original image below in comments-->
<div class="monika">One of the biggest events of the year in gaming is getting close. Here are our top predictions for this year's E3. </div>
<img src="img/e3pred2.png" style: width = "1599" height ="330">
<table width="160" align="let" class="button">
<tr>
<td>
<a href="#" > Read more</a>
</td>
</tr>
</table>
<p></p>
<h1>Ward's Gaming Website!</h1>
<h4>This website is dedicated to bringing the latest news and entertainment in gaming 24/7. Not only just that, but we are also
committed into hosting gamenights that are held every Friday 8:00 pm CST and annual tournaments every summer. If you want
to apply and be part of our great community, feel free to do so by clicking the "Apply" link below, or join our forums to meet new people to play
some fun games with. Have fun! </h4>
<div class="row" align="justify">
<div class="col-md-1"><h4>Forum</h4></div>
</div>
<div class="row" align="justify">
<div class="col-md-1"><h4>Apply</h4></div>
</div>
<div class="row" align="justify">
<div class="col-md-1"><h4>History</h4></div>
</div>
<footer class="container-fluid text-center">
<p>© 2017 Ward Leavines</p>
</footer>
</body>
</html>
/*CSS*/
body {
background-color: lightblue;
font-family: ''Franklin Gothic Medium', ' Arial, sans-serif';font-size: 22px;
}
/* Remove the navbar's default margin-bottom and rounded borders */
.navbar {
margin-bottom: 0;
border-radius: 0;
}
/* Set height of the grid so .sidenav can be 100% (adjust as needed) */
.row.content {height: 450px}
.sidenav {
padding-top: 40px;
background-color: #f1f1f1;
height: 100%;
}
/* Set black background color, white text and some padding */
footer {
background-color: #333;
color: white;
padding: 4px;
position: fixed;
bottom: 0;
width: 100%;
}
/* On small screens, set height to 'auto' for sidenav and grid */
@media screen and (max-width: 767px) {
.sidenav {
height: auto;
padding: 15px;
}
.row.content {height:auto;}
}
div h4 {
color: yellow;
background-color: black
}
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.