mirror of
https://github.com/Codetrauma/JTannerShaw.github.io.git
synced 2026-01-09 12:47:55 -05:00
social media's, about-me
This commit is contained in:
150
index.html
150
index.html
@@ -65,7 +65,7 @@
|
||||
<div class="my-logo">
|
||||
<a href="#profile"><img src="images/my-photo.jpg" alt="" /></a>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Navigation -->
|
||||
<ul class="menu nav me-nav">
|
||||
<li class="menu-item active"><a href="#profile"><span>Profile</span><i class="fa fa-user"></i></a></li>
|
||||
@@ -75,7 +75,7 @@
|
||||
<li class="menu-item"><a href="#contact"><span>Contact</span><i class="fa fa-phone"></i></a></li>
|
||||
<li class="menu-item"><a href="components.html"><span>Components</span><i class="fa fa-bolt"></i></a></li>
|
||||
</ul>
|
||||
|
||||
|
||||
<!-- Copyright -->
|
||||
<span class="copyright hidden-md">© 2014 <b>Johnaton Doe</b>.</span>
|
||||
|
||||
@@ -87,65 +87,65 @@
|
||||
|
||||
<!-- Profile -->
|
||||
<section id="profile" class="black">
|
||||
|
||||
|
||||
<!-- Background photo -->
|
||||
<div id="profile-bg" class="editable-alpha" data-alpha="40"><img src="images/backgrounds/profile-bg.jpg" alt="" /></div>
|
||||
|
||||
|
||||
<div class="content padded dark">
|
||||
|
||||
|
||||
<!-- Top Bar -->
|
||||
<div class="top-bar">
|
||||
|
||||
|
||||
<!-- Social media -->
|
||||
<div class="pull-left">
|
||||
<span class="hiddend-sm hidden-xs">Check my social media! </span>
|
||||
<ul class="social-icons si-pull-up">
|
||||
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
|
||||
<li><a href="https://github.com/JTannerShaw"><i class="fa fa-github"></i></a></li>
|
||||
<li><a href="https://www.linkedin.com/in/jtannershaw/"><i class="fa fa-linkedin"></i></a></li>
|
||||
<li><a href="https://twitter.com/trauma_offline"><i class="fa fa-twitter"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- URL -->
|
||||
<div class="pull-right">
|
||||
<a href="#" class="hidden-xs">www.suelo.pl</a>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Profile Content -->
|
||||
<div class="profile-content">
|
||||
<h1 class="short">Johnatan Doe</h1>
|
||||
<h5>I am <span class="text-primary">proffessional</span> webdesigner & webdeveloper.</h5>
|
||||
<h1 class="short">Tanner Shaw</h1>
|
||||
<h5>I am <span class="text-primary">proffessional</span> software engineer.</h5>
|
||||
<a href="http://themeforest.net/item/me-responsive-bootstrap-3-vcard-htmlcss-theme/7800423?WT.ac=portfolio&WT.z_author=suelo" class="btn btn-primary" target="_blank">Buy this theme!</a> <a href="#contact" class="btn btn-default">Contact me</a>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Bottom Bar -->
|
||||
<div class="bottom-bar profile-bottom-bar hidden-xs">
|
||||
|
||||
|
||||
<!-- Contact List -->
|
||||
<ul class="list-inline">
|
||||
<li><i class="inline-icon icon-before-and-after text-primary fa fa-map-marker"></i>1111-A Nowhere Lane, Outta Sight, State 90378, USA</li>
|
||||
<li><i class="inline-icon icon-before-and-after text-primary fa fa-comment"></i><a href="#">johnathandoe@suelo.pl</a></li>
|
||||
<li><i class="inline-icon icon-before-and-after text-primary fa fa-phone"></i>+0(31)6 89764536</li>
|
||||
<li><i class="inline-icon icon-before-and-after text-primary fa fa-map-marker"></i>Portland, OR</li>
|
||||
<li><i class="inline-icon icon-before-and-after text-primary fa fa-comment"></i><a href="#">JTannerShaw@gmail.com</a></li>
|
||||
<li><i class="inline-icon icon-before-and-after text-primary fa fa-phone"></i>757-228-4822</li>
|
||||
</ul>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- Profile / End -->
|
||||
|
||||
|
||||
<!-- Resume -->
|
||||
<section id="resume">
|
||||
|
||||
|
||||
<div class="content dimmed-effect padded-short">
|
||||
|
||||
|
||||
<div class="row">
|
||||
|
||||
|
||||
<div class="col-lg-4">
|
||||
|
||||
|
||||
<!-- Box - About Me -->
|
||||
<div class="resume-box animated slide-in-top">
|
||||
<i class="title-icon text-blue flaticon-speech43"></i>
|
||||
@@ -155,7 +155,7 @@
|
||||
<p>Aenean ac tincidunt augue, volutpat ullamcorper elit.</p>
|
||||
<a href="#portfolio" class="btn btn-black">See my portfolio</a> <a href="#contact" class="btn btn-default">Contact me</a>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Box - Skills & Attributes -->
|
||||
<div class="resume-box animated slide-in-left appear-second">
|
||||
<i class="title-icon text-green flaticon-open79"></i>
|
||||
@@ -201,11 +201,11 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-md-6 col-lg-4">
|
||||
|
||||
|
||||
<!-- Box - Specialities -->
|
||||
<div class="resume-box animated slide-in-right">
|
||||
<i class="title-icon text-red flaticon-mouse19"></i>
|
||||
@@ -235,7 +235,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Box - Education & Jobs -->
|
||||
<div class="resume-box animated slide-in-left">
|
||||
<i class="title-icon text-yellow flaticon-document56"></i>
|
||||
@@ -261,11 +261,11 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-md-6 col-lg-4">
|
||||
|
||||
|
||||
<!-- Box - Languages -->
|
||||
<div class="resume-box animated slide-in-right appear-second">
|
||||
<i class="title-icon text-orange flaticon-chat25"></i>
|
||||
@@ -291,7 +291,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Box - Hobbies -->
|
||||
<div class="resume-box animated slide-in-bottom">
|
||||
<i class="title-icon text-violet flaticon-joystick4"></i>
|
||||
@@ -304,22 +304,22 @@
|
||||
<li class="list-group-item">Videogames</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</section>
|
||||
<!-- Resume / End -->
|
||||
|
||||
|
||||
<!-- Portfolio -->
|
||||
<section id="portfolio">
|
||||
|
||||
|
||||
<!-- Projects Holder -->
|
||||
<div class="projects-holder black dark clearfix">
|
||||
<!-- Single Project -->
|
||||
<!-- Single Project -->
|
||||
<div class="single-project animated fade-in">
|
||||
<div class="project-image">
|
||||
<img src="images/portfolio/project_01.jpg" alt="" />
|
||||
@@ -332,7 +332,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Single Project -->
|
||||
<!-- Single Project -->
|
||||
<div class="single-project animated fade-in appear-third">
|
||||
<div class="project-image">
|
||||
<img src="images/portfolio/project_02.jpg" alt="" />
|
||||
@@ -345,7 +345,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Single Project -->
|
||||
<!-- Single Project -->
|
||||
<div class="single-project animated fade-in appear-second">
|
||||
<div class="project-image">
|
||||
<img src="images/portfolio/project_03.jpg" alt="" />
|
||||
@@ -358,7 +358,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Single Project -->
|
||||
<!-- Single Project -->
|
||||
<div class="single-project animated fade-in appear-fourth">
|
||||
<div class="project-image">
|
||||
<img src="images/portfolio/project_04.jpg" alt="" />
|
||||
@@ -371,7 +371,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Single Project -->
|
||||
<!-- Single Project -->
|
||||
<div class="single-project animated fade-in">
|
||||
<div class="project-image">
|
||||
<img src="images/portfolio/project_05.jpg" alt="" />
|
||||
@@ -384,7 +384,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Single Project -->
|
||||
<!-- Single Project -->
|
||||
<div class="single-project animated fade-in appear-second">
|
||||
<div class="project-image">
|
||||
<img src="images/portfolio/project_06.jpg" alt="" />
|
||||
@@ -397,7 +397,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Single Project -->
|
||||
<!-- Single Project -->
|
||||
<div class="single-project animated fade-in appear-fourth">
|
||||
<div class="project-image">
|
||||
<img src="images/portfolio/project_07.jpg" alt="" />
|
||||
@@ -410,7 +410,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Single Project -->
|
||||
<!-- Single Project -->
|
||||
<div class="single-project animated fade-in appear-third">
|
||||
<div class="project-image">
|
||||
<img src="images/portfolio/project_08.jpg" alt="" />
|
||||
@@ -424,23 +424,23 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Ajax Project Details -->
|
||||
<div class="project-content"></div>
|
||||
|
||||
|
||||
</section>
|
||||
<!-- Portfjolo / End -->
|
||||
|
||||
|
||||
<!-- Blog -->
|
||||
<section id="blog">
|
||||
|
||||
|
||||
<div class="content padded">
|
||||
|
||||
|
||||
<div class="row">
|
||||
|
||||
|
||||
<div class="col-lg-12">
|
||||
|
||||
<!-- Post Carousel -->
|
||||
|
||||
<!-- Post Carousel -->
|
||||
<div class="post-carousel animated slide-in-top">
|
||||
<!-- Single Post -->
|
||||
<article class="post post-carousel-item">
|
||||
@@ -589,39 +589,39 @@
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- End Of Section -->
|
||||
<div class="end-of-section">
|
||||
|
||||
|
||||
<!-- Left Caption -->
|
||||
<div class="pull-left">
|
||||
<span class="hiddend-sm hidden-xs">Would you like to check all of my posts? </span><a href="blog-page.html" class="btn btn-black btn-sm">Check my Blog Page!</a>
|
||||
</div>
|
||||
|
||||
<!-- Post Carousel Navigation -->
|
||||
|
||||
<!-- Post Carousel Navigation -->
|
||||
<div class="post-carousel-control">
|
||||
<a class="post-carousel-prev" href="#">Previous</a>
|
||||
<a class="post-carousel-next" href="#">Next</a>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</section>
|
||||
<!-- Blog / End -->
|
||||
|
||||
|
||||
<!-- Contact -->
|
||||
<section id="contact" class="black">
|
||||
|
||||
|
||||
<!-- Google Map -->
|
||||
<div id="google-map" class="animated zoom-out"></div>
|
||||
|
||||
|
||||
<!-- Contact Content -->
|
||||
<div class="content contact-content padded dark animated slide-in-left">
|
||||
<i class="title-icon text-primary flaticon-speech43"></i>
|
||||
@@ -654,7 +654,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Contact Form -->
|
||||
<div id="contact-form-holder" class="dark">
|
||||
<div class="contact-form-trigger animated slide-in-right appear-second"><i class="flaticon-mail21"></i></div>
|
||||
@@ -674,10 +674,10 @@
|
||||
<button type="submit" class="btn btn-default">Submit <i class="icon-after fa fa-chevron-right"></i></button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
|
||||
</section>
|
||||
<!-- Contact / End -->
|
||||
|
||||
|
||||
</div>
|
||||
<!-- Page Content / End -->
|
||||
|
||||
|
||||
Reference in New Issue
Block a user