More css tweaks and changed button layout

This commit is contained in:
Ethan N. Paul 2017-02-10 15:36:34 -05:00
parent 4ef178bacd
commit baf5fd6283
3 changed files with 24 additions and 22 deletions

File diff suppressed because one or more lines are too long

View File

@ -45,7 +45,7 @@ p {
} }
a { a {
color: #5882A8; color: #879FBB;
-webkit-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out; transition: all .2s ease-in-out;
@ -269,6 +269,7 @@ a:focus {
.content-section { .content-section {
padding-top: 100px; padding-top: 100px;
text-align: center;
} }
.download-section { .download-section {
@ -360,13 +361,13 @@ footer p {
::-moz-selection { ::-moz-selection {
text-shadow: none; text-shadow: none;
background: #fcfcfc; background: #879FBB;
background: rgba(255,255,255,.2); background: rgba(255,255,255,.2);
} }
::selection { ::selection {
text-shadow: none; text-shadow: none;
background: #fcfcfc; background: #879FBB;
background: rgba(255,255,255,.2); background: rgba(255,255,255,.2);
} }

View File

@ -62,7 +62,7 @@
<p> <p>
A college student with a website A college student with a website
</p> </p>
<a href="#about" class="btn btn-circle page-scroll"> <a href="#connect" class="btn btn-circle page-scroll">
<i class="fa fa-angle-double-down animated"></i> <i class="fa fa-angle-double-down animated"></i>
</a> </a>
</div> </div>
@ -74,25 +74,26 @@
<section id="connect" class="container content-section"> <section id="connect" class="container content-section">
<div class="row"> <div class="row">
<div class="col-lg-10 col-lg-offset-1"> <div class="col-lg-10 col-lg-offset-1">
<h2>Contact or connect with me:</h2> <h2>Contact</h2>
<ul class="list-inline"> <p>You can <a href="#">download my resume</a> or connect with me at one of the links below:</p>
<li> <ul class="list-inline">
<a href="#"><span class="hb hb-xs"><i class="fa fa-facebook"></i></span></a> <li>
<!--<a href="mailto:ethannpaul@gmail.com" class="btn btn-default btn-lg"><i class="fa fa-envelope fa-fw"></i> <span class="network-name">Email</span></a>--> <a href="#"><span class="hb hb-sm"><i class="fa fa-facebook"></i></span></a>
</li> <!--<a href="mailto:ethannpaul@gmail.com" class="btn btn-default btn-lg"><i class="fa fa-envelope fa-fw"></i> <span class="network-name">Email</span></a>-->
<li> </li>
<a href="#"><span class="hb hb-xs"><i class="fa fa-facebook"></i></span></a> <li>
<a href="#"><span class="hb hb-sm"><i class="fa fa-facebook"></i></span></a>
<!--<a href="https://twitter.com/theenpaul" class="btn btn-default btn-lg"><i class="fa fa-twitter fa-fw"></i> <span class="network-name">Twitter</span></a>--> <!--<a href="https://twitter.com/theenpaul" class="btn btn-default btn-lg"><i class="fa fa-twitter fa-fw"></i> <span class="network-name">Twitter</span></a>-->
</li> </li>
<li> <li>
<a href="#"><span class="hb hb-xs"><i class="fa fa-facebook"></i></span></a> <a href="#"><span class="hb hb-sm"><i class="fa fa-facebook"></i></span></a>
<!--<a href="https://linkedin.com/in/enpaul" class="btn btn-default btn-lg"><i class="fa fa-linkedin fa-fw"></i> <span class="network-name">LinkedIn</span></a>--> <!--<a href="https://linkedin.com/in/enpaul" class="btn btn-default btn-lg"><i class="fa fa-linkedin fa-fw"></i> <span class="network-name">LinkedIn</span></a>-->
</li> </li>
<li> <li>
<a href="#"><span class="hb hb-xs"><i class="fa fa-facebook"></i></span></a> <a href="#"><span class="hb hb-sm"><i class="fa fa-facebook"></i></span></a>
<!--<a href="https://google.com/+ethanpaul42" class="btn btn-default btn-lg"><i class="fa fa-google-plus fa-fw"></i> <span class="network-name">Google+</span></a>--> <!--<a href="https://google.com/+ethanpaul42" class="btn btn-default btn-lg"><i class="fa fa-google-plus fa-fw"></i> <span class="network-name">Google+</span></a>-->
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</section> </section>
@ -100,7 +101,7 @@
<!-- Footer --> <!-- Footer -->
<footer> <footer>
<div class="container text-center"> <div class="container text-center">
<p style="color: #C0C0C0;"><i>&copy;2017 ENPaul - 2017-02-10</i></p> <p style="color: #606060;"><i>&copy;2017 ENPaul - 2017-02-10</i></p>
</div> </div>
</footer> </footer>