Skip to content

Featured.poet #26

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
hlkessner wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Featured.poet #26

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
1969b6f
Added Navbar
Feb 4, 2017
e4dd615
Added featured poet section
Feb 5, 2017
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
94 changes: 64 additions & 30 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,30 +27,61 @@
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Project name</a>
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Traquil Prestige</a>
Copy link
Copy Markdown

@ghost ghost Feb 15, 2017

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Title correction: Tranquil Prestige and good to go for merging!

</div>

<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home <span class="sr-only">(current)</span></a></li>
<li><a href="#">Images</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Popular Poets <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Walt Whitman</a></li>
<li><a href="#">Robert Frost</a></li>
<li><a href="#">Oscar Wilde</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Popular Poetry <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">The Road Not Taken</a></li>
<li><a href="#">O Captain! My Captain!</a></li>
<li><a href="#">At Verona</a></li>
</ul>
</li>
</ul>
<form class="navbar-form navbar-left">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search">
</div>
<div id="navbar" class="navbar-collapse collapse">
<form class="navbar-form navbar-right" role="form">
<div class="form-group">
<input type="text" placeholder="Email" class="form-control">
</div>
<div class="form-group">
<input type="password" placeholder="Password" class="form-control">
</div>
<button type="submit" class="btn btn-success">Sign in</button>
</form>
</div><!--/.navbar-collapse -->
</div>
</nav>
<button type="submit" class="btn btn-default">Submit</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">About Us <span class="caret"></span></a>
Copy link
Copy Markdown

@ghost ghost Feb 15, 2017

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice add on the About Us!

<ul class="dropdown-menu">
<li><a href="#">Our Mission</a></li>
<li><a href="#">Blog</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Contact Us</a></li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>

<!-- Main jumbotron for a primary marketing message or call to action -->
<div class="jumbotron">
Expand All @@ -64,19 +95,22 @@ <h1>Hello, world!</h1>
<div class="container">
<!-- Example row of columns -->
<div class="row">
<h1>
Featured Poets
</h1>
Copy link
Copy Markdown
Collaborator

@kevinsheen kevinsheen Feb 18, 2017

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Your code looks good and is nicely laid out for an easy reading of each poet.

<div class="col-md-4">
<h2>Heading</h2>
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
<h2>Alfred Tennyson</h2>
<p>Tennyson remains one of the most popular poets of the English Language. His themes range from mythology to the every day. Learn why "'Tis better to have loved and lost / Than never to have loved at all"</p>
<p><a class="btn btn-default" href="#" role="button">View Details &raquo;</a></p>
Copy link
Copy Markdown
Collaborator

@kevinsheen kevinsheen Feb 18, 2017

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Perhaps this buttons can have access to additional information down the road. Kind of open it up a little bit more for users.

</div>
<div class="col-md-4">
<h2>Heading</h2>
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
<h2>D H Lawrence</h2>
<p>Lawrence's poetry focuses on the dehumanization of modern industry. Some have even gone so far as to penalize him and censor his work to silence his message. Regardless, he has been called the greatest novelest of his generation and his work has endured despite the odds. </p>
<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
</div>
<div class="col-md-4">
<h2>Heading</h2>
<p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
<h2>Czeslaw Milosz</h2>
<p>Milosz is widely considered one of the greatest poets of the 21st century. He won the Pulitzer Prize in 1980 despite the trials he faced durring the Cold War. Learn why he was called "Righteous among the Nations."</p>
Copy link
Copy Markdown
Collaborator

@lukevpoel lukevpoel Feb 20, 2017

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good! Thanks for adding in actual content for the site!

<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
</div>
</div>
Expand Down