Skip to content

adding first add ons/changes, problems with nav bar #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 3 commits into
base: gh-pages
Choose a base branch
from
Open

adding first add ons/changes, problems with nav bar #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
40306a6
adding first add ons/changes, problems with nav bar (dropdown specifi…
avaldivi Mar 18, 2016
755e5b1
changing well background color
avaldivi Mar 18, 2016
c024f8b
added color
avaldivi Mar 21, 2016
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 6 additions & 2 deletions css/bootstrap.css
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

102 changes: 87 additions & 15 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,35 +5,107 @@
<link type="text/css" rel="stylesheet" href="css/bootstrap.css"/>
<script src="js/jquery-1.12.2.min.js"></script>
<script src="js/bootstrap.js"></script>

<style>
.container {
background-color:lightgray;
margin-top:30px;
padding-bottom:30px;
}
</style>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<title>Bootstrap Practice</title>

</head>

<body>

<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">LeetCode OJ</a>
</div>
<ul class="nav navbar-nav">
<li class="active"><a href="#"><span class = "orange"> LeetCode Premium Suscription </span></a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
Problems <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#"></a>.</li>

</ul>
<li><a href="#">Pick One</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
Mock <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Mock Interview</a></li>
<li><a href="#">Past Sessions</a></li>
</ul>
<li><a href="#">Articles</a></li>
<li><a href="#">Discuss</a></li>
<li><a href="#"><span class = "orange">Book</span></a></li>
</ul>

<a href="#" class="btn btn-primary btn-sm" role="button">Sign Up</a> </li>
<a href="#" class="btn btn-default btn-sm" role="button">Sign In</a>
</ul>
</div>
</nav>



<div class="container">
<h1>Bootstrap Practice</h1>
<p>Time for another mini project. Have a cup of coffee and let's continue...</p>
<img src="images/coffee.gif" class="img-rounded img-responsive"/>

<p><div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">
Bootstrap Dependencies
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#">Bootstrap CSS file</a></li>
<li><a href="#">Bootstrap JS file</a></li>
<li><a href="#">Needs JQuery!</a></li>
</ul>
</div></p>


<div class="container">
<div class="well well-lg">
<h1>LeetCode Online Judge</h1>
<p>We are supporting <span class= "red">JavaScript </span> and <span class= "red">Ruby</span> now!
<p>LeetCode OJ is a platform for preparing technical coding interviews. Pick from an expanding library of more than 190
questions, code, and submit you solution to see if you have solved it correctly. It is that easy!</p>
<p>Our platform currently supports a total of 9 languages: C, C++, Java, Python, C#, JavaScript, Ruby, Bash, MySQL</p>
<p><a href="url">Follow</a> or <a href="url">Like LeetCode</a> and get the <span class= "red">latest update</span> when a new question is added!</p>
<ul>
<li><a href="url">Facebook</a></li>
<li><a href="url">Twitter</a></li>
<li><a href="url">Weibo</a></li>
</ul>

<p> <a href="url">Code.</a> <a href="url">Read.</a> <a href="url">Discuss</a> </p>

<form class="form-inline" role="form">
<div class="form-group">
<label class="sr-only" for="email">Email:</label>
<input type="email" class="form-control" id="email" placeholder="Username">
</div>
<div class="form-group">
<label class="sr-only" for="pwd">Password:</label>
<input type="password" class="form-control" id="pwd" placeholder="Email Address">
</div>
<div class="form-group">
<label class="sr-only" for="pwd">Password:</label>
<input type="password" class="form-control" id="pwd" placeholder="Password">
</div>
<div class="checkbox">
</div>
<button type="submit" class="btn btn-primary">Sign up for LeetCode OJ</button>
</form>
<hr>
<div class="row">
<div class="col-sm-4"></div>
<div class="col-sm-4"></div>
<div class="col-sm-4">Or Sign Up With</div>
</div>
</div>
</div>

<div> </div>


</div>

</body>
Expand Down