social media's, about-me

This commit is contained in:
Tanner Shaw
2022-03-02 18:21:34 -08:00
parent 1e7882badc
commit 4f201ca553

View File

@@ -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! &nbsp; &nbsp; </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? &nbsp; &nbsp;</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 -->