Started pulling together the about me section, still need to fix main panel height
This commit is contained in:
parent
cd774740e2
commit
250fd30a18
12
css/hexagons.min.css
vendored
Normal file
12
css/hexagons.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
@ -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{
|
||||
|
38
index.html
38
index.html
@ -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> </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> </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-->
|
||||
|
Loading…
Reference in New Issue
Block a user