generated from StartBootstrap/startbootstrap-personal
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
5b87772
commit 34d47d1
Showing
2 changed files
with
145 additions
and
109 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,131 +1,167 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="utf-8" /> | ||
<meta content="width=device-width, initial-scale=1.0" name="viewport" /> | ||
<head> | ||
<meta charset="utf-8" /> | ||
<meta content="width=device-width, initial-scale=1.0" name="viewport" /> | ||
|
||
<title>Inner Page - Charles Stephen Thompson</title> | ||
<meta content="" name="description" /> | ||
<meta content="" name="keywords" /> | ||
<title>Inner Page - Charles Stephen Thompson</title> | ||
<meta content="" name="description" /> | ||
<meta content="" name="keywords" /> | ||
|
||
<!-- Favicons --> | ||
<link href="assets/img/favicon.ico" rel="icon" /> | ||
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon" /> | ||
<!-- Favicons --> | ||
<link href="assets/img/favicon.ico" rel="icon" /> | ||
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon" /> | ||
|
||
<!-- Vendor CSS Files --> | ||
<link href="assets/vendor/aos/aos.css" rel="stylesheet" /> | ||
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" /> | ||
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet" /> | ||
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet" /> | ||
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet" /> | ||
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet" /> | ||
<!-- Vendor CSS Files --> | ||
<link href="assets/vendor/aos/aos.css" rel="stylesheet" /> | ||
<link | ||
href="assets/vendor/bootstrap/css/bootstrap.min.css" | ||
rel="stylesheet" | ||
/> | ||
<link | ||
href="assets/vendor/bootstrap-icons/bootstrap-icons.css" | ||
rel="stylesheet" | ||
/> | ||
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet" /> | ||
<link | ||
href="assets/vendor/glightbox/css/glightbox.min.css" | ||
rel="stylesheet" | ||
/> | ||
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet" /> | ||
|
||
<!-- Template Main CSS File --> | ||
<link href="assets/css/style.css" rel="stylesheet" /> | ||
<!-- Template Main CSS File --> | ||
<link href="assets/css/style.css" rel="stylesheet" /> | ||
|
||
<!-- ======================================================= | ||
<!-- ======================================================= | ||
* Template Name: iPortfolio | ||
* Updated: Jul 27 2023 with Bootstrap v5.3.1 | ||
* Template URL: https://bootstrapmade.com/iportfolio-bootstrap-portfolio-websites-template/ | ||
* Author: BootstrapMade.com | ||
* License: https://bootstrapmade.com/license/ | ||
======================================================== --> | ||
</head> | ||
</head> | ||
|
||
<body> | ||
<!-- ======= Mobile nav toggle button ======= --> | ||
<i class="bi bi-list mobile-nav-toggle d-xl-none"></i> | ||
<body> | ||
<!-- ======= Mobile nav toggle button ======= --> | ||
<i class="bi bi-list mobile-nav-toggle d-xl-none"></i> | ||
|
||
<!-- ======= Header ======= --> | ||
<header id="header"> | ||
<div class="d-flex flex-column"> | ||
<div class="profile"> | ||
<img src="assets/img/profile-img.png" alt="" class="img-fluid rounded-circle" /> | ||
<h1 class="text-light"><a href="index.html">Charles Stephen Thompson</a></h1> | ||
<div class="social-links mt-3 text-center"> | ||
<a href="https://twitter.com/handyhomo" class="twitter"><i class="bx bxl-twitter"></i></a> | ||
<a href="https://facebook.com/charlestephen" class="facebook"><i class="bx bxl-facebook"></i></a> | ||
<a href="https://instagram.com/cst.nyc" class="instagram"><i class="bx bxl-instagram"></i></a> | ||
<a href="https://linkedin.com/in/mrcharlestephen" class="linkedin"><i class="bx bxl-linkedin"></i></a> | ||
</div> | ||
</div> | ||
<!-- ======= Header ======= --> | ||
<header id="header"> | ||
<div class="d-flex flex-column"> | ||
<div class="profile"> | ||
<img | ||
src="assets/img/profile-img.png" | ||
alt="" | ||
class="img-fluid rounded-circle" | ||
/> | ||
<h1 class="text-light"> | ||
<a href="index.html">Charles Stephen Thompson</a> | ||
</h1> | ||
<div class="social-links mt-3 text-center"> | ||
<a href="https://twitter.com/handyhomo" class="twitter" | ||
><i class="bx bxl-twitter"></i | ||
></a> | ||
<a href="https://facebook.com/charlestephen" class="facebook" | ||
><i class="bx bxl-facebook"></i | ||
></a> | ||
<a href="https://instagram.com/handyhomo" class="instagram" | ||
><i class="bx bxl-instagram"></i | ||
></a> | ||
<a href="https://linkedin.com/in/mrcharlestephen" class="linkedin" | ||
><i class="bx bxl-linkedin"></i | ||
></a> | ||
</div> | ||
</div> | ||
|
||
<nav id="navbar" class="nav-menu navbar"> | ||
<ul> | ||
<li> | ||
<a href="#hero" class="nav-link scrollto active"><i class="bx bx-home"></i> <span>Home</span></a> | ||
</li> | ||
<li> | ||
<a href="#about" class="nav-link scrollto"><i class="bx bx-user"></i> <span>About</span></a> | ||
</li> | ||
<li> | ||
<a href="#resume" class="nav-link scrollto"><i class="bx bx-file-blank"></i> <span>Resume</span></a> | ||
</li> | ||
<li> | ||
<a href="#contact" class="nav-link scrollto"><i class="bx bx-envelope"></i> <span>Contact</span></a> | ||
</li> | ||
</ul> | ||
</nav> | ||
<!-- .nav-menu --> | ||
</div> | ||
</header> | ||
<!-- End Header --> | ||
<nav id="navbar" class="nav-menu navbar"> | ||
<ul> | ||
<li> | ||
<a href="#hero" class="nav-link scrollto active" | ||
><i class="bx bx-home"></i> <span>Home</span></a | ||
> | ||
</li> | ||
<li> | ||
<a href="#about" class="nav-link scrollto" | ||
><i class="bx bx-user"></i> <span>About</span></a | ||
> | ||
</li> | ||
<li> | ||
<a href="#resume" class="nav-link scrollto" | ||
><i class="bx bx-file-blank"></i> <span>Resume</span></a | ||
> | ||
</li> | ||
<li> | ||
<a href="#contact" class="nav-link scrollto" | ||
><i class="bx bx-envelope"></i> <span>Contact</span></a | ||
> | ||
</li> | ||
</ul> | ||
</nav> | ||
<!-- .nav-menu --> | ||
</div> | ||
</header> | ||
<!-- End Header --> | ||
|
||
<main id="main"> | ||
<!-- ======= Breadcrumbs ======= --> | ||
<section class="breadcrumbs"> | ||
<div class="container"> | ||
<div class="d-flex justify-content-between align-items-center"> | ||
<h2>Inner Page</h2> | ||
<ol> | ||
<li><a href="index.html">Home</a></li> | ||
<li>Inner Page</li> | ||
</ol> | ||
</div> | ||
</div> | ||
</section> | ||
<!-- End Breadcrumbs --> | ||
<main id="main"> | ||
<!-- ======= Breadcrumbs ======= --> | ||
<section class="breadcrumbs"> | ||
<div class="container"> | ||
<div class="d-flex justify-content-between align-items-center"> | ||
<h2>Inner Page</h2> | ||
<ol> | ||
<li><a href="index.html">Home</a></li> | ||
<li>Inner Page</li> | ||
</ol> | ||
</div> | ||
</div> | ||
</section> | ||
<!-- End Breadcrumbs --> | ||
|
||
<section class="inner-page"> | ||
<div class="container"> | ||
<p> | ||
<!-- Example inner page template --> | ||
</p> | ||
</div> | ||
</section> | ||
</main> | ||
<!-- End #main --> | ||
<section class="inner-page"> | ||
<div class="container"> | ||
<p> | ||
<!-- Example inner page template --> | ||
</p> | ||
</div> | ||
</section> | ||
</main> | ||
<!-- End #main --> | ||
|
||
<!-- ======= Footer ======= --> | ||
<footer id="footer"> | ||
<div class="container"> | ||
<div class="copyright"> | ||
© Copyright <strong><span>Charles Stephen Thompson</span></strong> | ||
</div> | ||
<div class="credits"> | ||
<!-- All the links in the footer should remain intact. --> | ||
<!-- You can delete the links only if you purchased the pro version. --> | ||
<!-- Licensing information: https://bootstrapmade.com/license/ --> | ||
<!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/iportfolio-bootstrap-portfolio-websites-template/ --> | ||
Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a> | ||
</div> | ||
</div> | ||
</footer> | ||
<!-- End Footer --> | ||
<!-- ======= Footer ======= --> | ||
<footer id="footer"> | ||
<div class="container"> | ||
<div class="copyright"> | ||
© Copyright | ||
<strong><span>Charles Stephen Thompson</span></strong> | ||
</div> | ||
<div class="credits"> | ||
<!-- All the links in the footer should remain intact. --> | ||
<!-- You can delete the links only if you purchased the pro version. --> | ||
<!-- Licensing information: https://bootstrapmade.com/license/ --> | ||
<!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/iportfolio-bootstrap-portfolio-websites-template/ --> | ||
Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a> | ||
</div> | ||
</div> | ||
</footer> | ||
<!-- End Footer --> | ||
|
||
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a> | ||
<a | ||
href="#" | ||
class="back-to-top d-flex align-items-center justify-content-center" | ||
><i class="bi bi-arrow-up-short"></i | ||
></a> | ||
|
||
<!-- Vendor JS Files --> | ||
<script src="assets/vendor/purecounter/purecounter_vanilla.js"></script> | ||
<script src="assets/vendor/aos/aos.js"></script> | ||
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> | ||
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script> | ||
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script> | ||
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script> | ||
<script src="assets/vendor/typed.js/typed.umd.js"></script> | ||
<script src="assets/vendor/waypoints/noframework.waypoints.js"></script> | ||
<!-- Vendor JS Files --> | ||
<script src="assets/vendor/purecounter/purecounter_vanilla.js"></script> | ||
<script src="assets/vendor/aos/aos.js"></script> | ||
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> | ||
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script> | ||
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script> | ||
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script> | ||
<script src="assets/vendor/typed.js/typed.umd.js"></script> | ||
<script src="assets/vendor/waypoints/noframework.waypoints.js"></script> | ||
|
||
<!-- Template Main JS File --> | ||
<script src="assets/js/main.js"></script> | ||
</body> | ||
<!-- Template Main JS File --> | ||
<script src="assets/js/main.js"></script> | ||
</body> | ||
</html> |