Hello, I\'m suppose to do an html/css project (and with the use of bootstrap) th
ID: 3829045 • Letter: H
Question
Hello, I'm suppose to do an html/css project (and with the use of bootstrap) that is suppose to be a gaming website. Base on the picture you see is what I'm trying to aim for with my project, but I've been struggling with having the "Sign in" link to be located on the top right, while the copyright is located at the bottom. Below is my code in progress. Can you help? Thanks, and please leave some extra feedback via comments.
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<title>LeavinesGameWeb</title>
</head>
<body>
<div class="container">
<div class="login">
<a href="#" class="show-lightbox">Sign in</a>
</div>
<ul class="nav nav-tabs">
<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>
<li><a href="#">About</a></li>
<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>
<li><a href="#">Store</a></li>
<li><a href="#">Reviews</a></li>
</ul>
<img src="img/WebGame.png" width = "1140" height ="300"
<footer>
© 2017 Ward Leavines
</footer>
</div>
</div>
</body>
</html>
Explanation / Answer
I did some change in above code.now signup placed in right side
<!DOCTYPE html>
<html lang="en">
<head>
<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>
<title>LeavinesGameWeb</title>
</head>
<body>
<div class="container">
<div class="login">
<a href="#" class="w3-bar-item w3-button w3-right"> Sign in</a>
</div>
<ul class="nav nav-tabs">
<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>
<li><a href="#">About</a></li>
<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>
<li><a href="#">Store</a></li>
<li><a href="#">Reviews</a></li>
</ul>
<img src="img/WebGame.png" width = "1140" height ="300"
<footer>
© 2017 Ward Leavines
</footer>
</div>
</div>
</body>
</html>
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.