Started pulling together the about me section, still need to fix main panel height

This commit is contained in:
Ethan N. Paul 2018-01-29 15:21:07 -05:00
parent cd774740e2
commit 250fd30a18
3 changed files with 39 additions and 16 deletions

12
css/hexagons.min.css vendored Normal file

File diff suppressed because one or more lines are too long

View File

@ -128,16 +128,13 @@ Responsive media queries
border-right: 5px solid #BE2525;
font-size: 24px;
}
.about-text p{
color: #444;
}
.abt-list li{
padding: 5px 0px;
font-size: 18px;
font-weight: 400;
}
section {
background-color: #606060;
background-color: #3a3a3a;
color: white;
}
.grid-padding{

View File

@ -23,6 +23,7 @@
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Fira+Sans|Roboto:300,400|Questrial|Satisfy">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/hexagons.min.css">
<link rel="stylesheet" type="text/css" href="css/animate.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
@ -51,8 +52,8 @@
<ul class="nav navbar-nav navbar-right navbar-border">
<li class="active"><a href="#main-header">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#portfolio">Network</a></li>
<li><a href="#testimonial">Testimonial</a></li>
<li><a href="#network">Network</a></li>
<!--<li><a href="#testimonial">Testimonial</a></li>-->
</ul>
</div>
</div>
@ -74,7 +75,7 @@
</div>
</div>
</div>
<section id="about" class="section-padding wow fadeIn delay-05s">
<div class="container">
<div class="row">
@ -85,21 +86,31 @@
</div>
<div class="col-md-6 text-left">
<div class="about-text">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<p>Hello! My name is Ethan Paul, and this is my website! I am a student at Worcester Polytechnic Institute, a part-time employee at WPI Network Operations, and a full-time tinkerer.</p>
<p>&nbsp;</p>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>My interests are varried and constantly chaning, but pretty consistently you can find me designing in SolidWorks, programming in Python, or crawling underneath the rust bucket I call a car! Want to know more? <a href="https://download.enpaul.net/enpaul-resume.pdf" target="_blank">Download my resume!</a></p>
<p>&nbsp;</p>
<ul class="abt-list">
<li>- Excepteur sint occaecat cupidatat non proident.</li>
<li>- Duis aute irure dolor in reprehenderit.</li>
<li>- Ask the experts.</li>
<ul class="list-inline">
<li>
<a href="mailto:enpaul@enpaul.net"><span class="hb hb-sm"><i class="fa fa-envelope-o"></i></span></a>
</li>
<li>
<a target="_blank" href="https://twitter.com/theenpaul"><span class="hb hb-sm"><i class="fa fa-twitter"></i></span></a>
</li>
<li>
<a target="_blank" href="https://plus.google.com/+EthanPaul42"><span class="hb hb-sm"><i class="fa fa-google-plus"></i></span></a>
</li>
<li>
<a target="_blank" href="https://www.linkedin.com/in/enpaul"><span class="hb hb-sm"><i class="fa fa-linkedin"></i></span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section id="portfolio" class="section-padding wow fadeInUp delay-05s">
<section id="network" class="section-padding wow fadeInUp delay-05s">
<div class="container">
<div class="row">
<div class="col-md-12">
@ -133,7 +144,8 @@
</div>
</div>
</section>
<section id="testimonial" class="section-padding wow fadeInUp">
<!--<section id="testimonial" class="section-padding wow fadeInUp">
<div class="container">
<div class="row">
<h2 class="title text-center">See What Our <span class="deco">Client</span> Are Saying ?</h2>
@ -166,6 +178,7 @@
</div>
</div>
</section>
<section id="contact" class="section-padding wow fadeIn delay-05s">
<div class="container">
<div class="row">
@ -203,7 +216,8 @@
</div>
</div>
</section>
</section> -->
<footer class="footer-2 text-center-xs bg--white">
<div class="container">
<!--end row-->