README.md

#Du Bois Tribute Page

First webpage developed as a timeline for WEB du bois.

Webpage can be found here: https://codepen.io/xcoder62/pen/bRdrEy

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

<link href="https://fonts.googleapis.com/css?family=PT+Mono|Shadows+Into+Light+Two" rel="stylesheet">

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"/>

<link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet">

<div class="container">

<div class= "jumbotron">

<div class = "alert alert-success" role="alert">

<span class="fa-stack fa-lg">

<a class="notification-close" href="#">

<i class="fa fa-circle fa-stack-2x" style="color:gray;"></i>

<i class="fa fa-close fa-stack-1x fa-inverse"></i>

</span>

</a>

<strong> Welcome!</strong> We hope you enjoy your visit here. Please click the X on the left to close this alert

</div>

<h1 class ="text-center text-muted title-super">W.E.B DuBois<h1>

<p class="text-center" style="font-size:32px; font-family:'Josefin Sans'"><em>Abolitionist, Scholar, and Founder of the NAACP</em></p>

<div class= "thumbnail">

<a href= "#" data-toggle="modal" data-target="#myModal"> <img src="https://penncurrent.upenn.edu/sites/default/files/article_images/DuBois1.jpg" alt="Dubois sitting in his office" class="img-responsive">

</a>

<div class="caption text-center" style="font-size:.3em;font-family:Arial;">

W.E.B DuBois constructing the foundation of the NAACP

</div>

</div>

<!-- Modal popup -->

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">

<div class="modal-dialog" role="document">

<div class="modal-content">

<div class="modal-header">

<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>

<h4 class="modal-title" id="myModalLabel">What is the NAACP?</h4>

</div>

<div class="modal-body">

<img src="https://upload.wikimedia.org/wikipedia/en/1/17/NAACP_logo_2010.png" alt="NAACP Logo" class="img-center img-responsive">

<p>The vision of the National Association for the Advancement of Colored People is to ensure a society in which all individuals have equal rights without discrimination based on race.

</p>

</div>

<div class="modal-footer">

<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>

<button type="button" class="btn btn-primary">Save changes</button>

</div>

</div>

</div>

</div>

<!-- Modal End -->

<h3 style="padding-left:5em;padding-top:1em;"> Here's a time line of W.E.B DuBois Life </h3>

<ul style="padding-left:11em; padding-right:14em;" class="fa-ul">

<li><i class="fa fa-info-circle fa-li"></i><b>1868</b> - William Edward burghardt Du Bois was born in Great Barrington, Massachusetts</li>

<li><i class="fa fa-info-circle fa-li"></i><b>1895</b> - Du Bois becomes the first African American to earn a Ph.D from Harvard University.</li>

<li><i class="fa fa-info-circle fa-li"></i><b>1906</b> - Du Bois, Along with Minnesota attorney Fredrick L. McGhee and others, help found the Niagara Movement with William Monroe Trotter.</li>

<li><i class="fa fa-info-circle fa-li"></i><b>1909</b> - DuBois Shares founding of the National Association for the Advancement of Colored People (NAACP).</li>

<li><i class="fa fa-info-circle fa-li"></i><b>1961</b> - Du Bois was invited to Ghana in 1961 by President Kwame Nkrumah to direct the Encyclopedia Africana, a goverment production ,and a long-held dream of his. When in 1963, he was refused a new U.S passport, he and his wife, shirley Graham Du Bois, became Citizens of Ghana.</li>

<li><i class="fa fa-info-circle fa-li"></i><b>1963</b> W.E.B Du Bois dies August 27, 1963 </li>

</ul>

<br>

<blockquote cite="https://www.brainyquote.com/quotes/quotes/w/webdubo745757.html" style="font-family:'PT Mono', monospace; padding:0px 7em;"> <p style="font-size:1em;"> <i class="fa fa-quote-left fa-2x fa-pull-left fa-border"></i>Before and after emancipation, the Negro, in self-defense, was propelled toward the white employer. The endowments of wealthy white men have developed great institutions of learning for the Negro, but the freedom of action on the part of these same universities has been curtailed in proportion as they are indebted to white philanthropies </p>

<footer><cite> W.E.B Du Bois </cite></footer>

</blockqoute>

<h3><i class="fa fa-info-circle fa-lg"></i> for more information, see his <a href="https://en.wikipedia.org/wiki/W._E._B._Du_Bois" target="_blank">Wikipedia page </a> </h3>

</div>

<hr>

<p class="text-center"> Written and coded with <i class="fa fa-heart" style="color:red;"></i> by <a href="www.linkedin.com/in/mendescx" target="_blank"> Cedric Mendes </a>

</div>

$(".notification-close").click(function() {

$(".alert").fadeOut("normal", function() {

$(this).remove();

});

body{

margin-top: 60px;

background-color: silver !important;

}

.text-muted {

font-weight:100; !important;

font-size:100px;

font-family:'Josefin Sans'

}

.title-logo{

margin-top:20px;

}