-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
71 lines (58 loc) · 4.04 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<html>
<head>
<meta charset="UTF-8">
<title>About Me</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="./assets/css/main.css" type="text/css">
<link rel="stylesheet" href="./assets/css/index.css" type="text/css">
</head>
<body>
<nav class="navbar">
<div class="container nav-container">
<a href="#" class="navbar-brand">
Sam Hicks
</a>
<ul class="navbar-nav">
<li class="nav-item"><a href="#" class="nav-link">About Me</a></li>
<li class="nav-item"><a href="./portfolio.html" class="nav-link">Portfolio</a></li>
<li class="nav-item"><a href="./contact.html" class="nav-link">Contact Me</a></li>
</ul>
</div>
</nav>
<div class="container">
<div class="row">
<section class="col-8">
<h2>About me</h2>
<img src="./assets/images/index/morgan.jpg" alt="morgan freeman">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque a, quo error consequuntur in eum provident perferendis. Nihil blanditiis illo repudiandae, numquam velit alias asperiores unde voluptas molestiae, officia sapiente corrupti voluptatum dolore temporibus cum eum magni ipsum maiores, vitae quidem. Architecto omnis cumque fugit deserunt, ducimus fugiat sed recusandae laudantium, voluptatum, ullam labore pariatur praesentium perferendis ut atque a minima illum, totam suscipit velit sunt autem laborum consectetur assumenda? Sed assumenda quos, quod quae maxime, rem tempore non reiciendis.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui consequuntur, placeat a saepe doloribus voluptates illo voluptatibus nobis, et adipisci deserunt velit incidunt odit repellat, autem nihil laborum impedit deleniti aperiam facere mollitia. Culpa quam impedit sapiente autem atque libero?
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Esse assumenda, repellendus explicabo ratione ab iure nostrum rem magnam aliquid. Aspernatur dolorum alias quam accusantium, aliquid eaque fugit perferendis et commodi facilis animi ratione laborum? Minima culpa, ab fuga expedita dolores aliquam qui facere inventore amet? Adipisci deserunt facere, nobis fuga doloribus iure architecto distinctio expedita labore dolore reprehenderit quisquam commodi numquam ipsa quam molestiae, voluptatum id? Itaque et rem non repellendus, recusandae quasi accusantium dolore quaerat! Nihil at inventore ratione mollitia eos praesentium officiis consequatur vitae dolorem delectus, temporibus, quis, beatae consequuntur doloribus cupiditate doloremque iusto excepturi ducimus est minus!
</p>
</section>
<div class="col-1"></div>
<aside class="col-3">
<h2 class="text-center">Connect with me</h2>
<div class="row aside-row">
<div class="col-4">
<a target="_blank" href="https://www.github.com/toatsted"><img src="./assets/images/connect/github-logo-button.png" alt="github logo"></a>
</div>
<div class="col-4">
<a target="_blank" href="#"><img src="./assets/images/connect/stackoverflow-logo-button.png" alt="stackoverflow logo"></a>
</div>
<div class="col-4">
<a target="_blank" href="https://www.linkedin.com/in/samueljacksonhicks/"><img src="./assets/images/connect/linkedin-logo-button.png" alt="linkedin logo"></a>
</div>
</div>
</aside>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>
</html>