162 lines
7.1 KiB
HTML
162 lines
7.1 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>About me</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<div class="px-3 py-2 bg-dark text-white">
|
|
<div class="container">
|
|
<div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
|
|
<a href="/" class="d-flex align-items-center my-2 my-lg-0 me-lg-auto text-white text-decoration-none">
|
|
<svg class="bi me-2" width="40" height="32" role="img" aria-label="Bootstrap"><use xlink:href="#bootstrap"></use></svg>
|
|
</a>
|
|
|
|
<ul class="nav col-12 col-lg-auto my-2 justify-content-center my-md-0 text-small">
|
|
|
|
<li>
|
|
|
|
<a href="FAQ.html" class="nav-link text-white">
|
|
<svg class="bi d-block mx-auto mb-1" width="24" height="24">
|
|
<use xlink:href="#home"></use>
|
|
</svg>
|
|
FAQ
|
|
</a>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<a href="about_me.html" class="nav-link text-white">
|
|
<svg class="bi d-block mx-auto mb-1" width="24" height="24">
|
|
<use xlink:href="#home"></use>
|
|
</svg>
|
|
about me
|
|
</a>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<a href="contact_me.html" class="nav-link text-white">
|
|
<svg class="bi d-block mx-auto mb-1" width="24" height="24">
|
|
<use xlink:href="#home"></use>
|
|
</svg>
|
|
contact me
|
|
</a>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<a href="services.html" class="nav-link text-white">
|
|
<svg class="bi d-block mx-auto mb-1" width="24" height="24">
|
|
<use xlink:href="#home"></use>
|
|
</svg>
|
|
services
|
|
</a>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
|
|
<main>
|
|
<div class="container pt-5">
|
|
|
|
<div class="row">
|
|
<div class="col-8">
|
|
Laboriosam voluptatem pariatur consequatur. Corrupti corrupti et aut commodi vero nesciunt totam. Deleniti et labore reiciendis quia tempore voluptas occaecati. Debitis necessitatibus velit ut unde aliquam id quod. Laborum quas non itaque et ut veniam voluptate. Voluptates numquam non non id natus voluptatibus. Nobis eius dicta suscipit in at voluptas numquam molestiae. Qui non magni velit qui autem veniam quia. Dolore velit doloremque dolores doloremque eveniet. Libero rerum est debitis sint velit. Id sapiente magnam voluptas at corporis. Error quia laudantium et veniam adipisci ipsum.
|
|
</div>
|
|
<div class="col-4">
|
|
<img class="img-fluid" src="../img/about_me_1_md.jpg" srcset="../img/about_me_1_sm.jpg 540w, ../img/about_me_1_md.jpg 720w, ../img/about_me_1_lg.jpg 960w" sizes="50vw">
|
|
</div>
|
|
<div class="col-4">
|
|
<img class="img-fluid" src="../img/about_me_2_lg.jpg" srcset="../img/about_me_2_sm.jpg 540w, ../img/about_me_2_md.jpg 720w, ../img/about_me_2_lg.jpg 960w" sizes="50vw">
|
|
</div>
|
|
<div class="col-8">
|
|
Suscipit est voluptatum possimus aut. Culpa laboriosam id explicabo. Aut qui ad repellat doloremque. Quis quo sunt sed ab optio voluptate reprehenderit. Autem aut ea odit sed. Laboriosam minus eos qui dicta qui molestias. Labore quis quae aliquam quod quia cum ut laboriosam. Incidunt aut aut libero voluptates velit ut saepe. Qui deserunt tempore doloremque qui veniam aliquid. Vel est eligendi ipsum ullam corrupti explicabo saepe. Eligendi cum soluta numquam nihil doloribus praesentium. Doloribus blanditiis incidunt itaque veniam.
|
|
</div>
|
|
<div class="col-8">
|
|
Debitis nulla impedit consectetur cum laboriosam autem qui minus. Soluta placeat est inventore facere. Inventore voluptates vero assumenda inventore illum eos eveniet. Itaque corrupti aliquid aut officiis. Quia voluptatem voluptas aut placeat. Dolor quis eos magnam cum. Vel vel magni ea at. Earum molestiae id illum eius sit officiis. Corporis non eveniet deleniti quaerat eos. Corrupti ad repellendus facere quisquam aut. Hic neque aut ea incidunt inventore fugiat doloribus ullam. Eius quo veritatis exercitationem suscipit. Laudantium sed aut doloremque. Molestias unde ipsa eum quos deserunt aut voluptate atque. Deserunt omnis excepturi ipsum recusandae beatae. Voluptas repellat accusantium omnis animi ut accusantium dolorum commodi. Qui natus delectus a. Qui sequi pariatur aut et voluptatum atque vero. Iusto ea cupiditate sed qui quae. Aliquid a illum repellat pariatur aut repudiandae.
|
|
</div>
|
|
<div class="col-4">
|
|
<img class="img-fluid" src="../img/about_me_3_lg.jpg" srcset="../img/about_me_3_sm.jpg 540w, ../img/about_me_3_md.jpg 720w, ../img/about_me_3_lg.jpg 960w" sizes="50vw">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</main>
|
|
|
|
<footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top">
|
|
<p class="col-md-4 mb-0 text-muted">
|
|
© 2023 Andrew Bryant
|
|
</p>
|
|
|
|
<a href="/" class="col-md-4 d-flex align-items-center justify-content-center mb-3 mb-md-0 me-md-auto link-dark text-decoration-none">
|
|
<svg class="bi me-2" width="40" height="32">
|
|
<use xlink:href="#bootstrap"></use>
|
|
</svg>
|
|
</a>
|
|
|
|
<ul class="nav col-md-4 justify-content-end">
|
|
|
|
<li>
|
|
|
|
<a href="FAQ.html" class="nav-link text-white">
|
|
<svg class="bi d-block mx-auto mb-1" width="24" height="24">
|
|
<use xlink:href="#home"></use>
|
|
</svg>
|
|
FAQ
|
|
</a>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<a href="about_me.html" class="nav-link text-white">
|
|
<svg class="bi d-block mx-auto mb-1" width="24" height="24">
|
|
<use xlink:href="#home"></use>
|
|
</svg>
|
|
about me
|
|
</a>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<a href="contact_me.html" class="nav-link text-white">
|
|
<svg class="bi d-block mx-auto mb-1" width="24" height="24">
|
|
<use xlink:href="#home"></use>
|
|
</svg>
|
|
contact me
|
|
</a>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<a href="services.html" class="nav-link text-white">
|
|
<svg class="bi d-block mx-auto mb-1" width="24" height="24">
|
|
<use xlink:href="#home"></use>
|
|
</svg>
|
|
services
|
|
</a>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
</footer>
|
|
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
|
|
</body>
|
|
</html>
|