-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
77 lines (60 loc) · 9.98 KB
/
about.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
72
73
74
75
76
77
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portofolio</title>
<!--CSS BS5-->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<!--JS BS5-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<!-- CSS -->
<link rel="stylesheet" href="about.css">
<!-- JS -->
</head>
<body>
<head>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid">
<a class="navbar-brand ps-2" href="index.html"><img src="images\nav_logo.png" alt=""></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="projects.html">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link" href="cv.html">CV</a>
</li>
<li class="nav-item">
<a class="nav-link" href="volunteering.html">Volunteering</a>
</li>
</ul>
</div>
</div>
</nav>
</head>
<div class="container">
<div class="d-flex justify-content-center">
<h1 id = "about-title">Who Am I?</h1>
</div>
<div class="row">
<div id = "profile_picture" class="col-md-6 col-xl-4">
<img src="images\profile.jpg" alt="">
</div>
<div id = "profile_text" class="col-md-6 col-xl-8">
<p id = "about_text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores voluptatem reprehenderit, minima suscipit autem assumenda exercitationem ea perferendis nesciunt blanditiis modi repudiandae laboriosam ipsa officia consectetur facilis accusantium earum neque nisi sunt dolorem sapiente? Accusamus harum adipisci laborum voluptatibus cumque, velit dolores deleniti expedita optio amet reiciendis voluptatem placeat ipsam ducimus sequi accusantium provident odit soluta hic illum totam officiis aut ex temporibus? Eligendi facere, id cum a blanditiis debitis quae qui ut accusantium voluptatibus ratione, vero asperiores ea? Ipsum error dolor impedit, vel eos repellendus, sint reiciendis quod corporis voluptate nihil quas cumque ex. Dolorum aliquam ducimus aperiam asperiores quam tenetur, necessitatibus sunt molestiae laborum ipsa praesentium beatae numquam dolor distinctio rerum atque incidunt expedita unde laboriosam similique adipisci ullam itaque? Nihil, alias dolores ipsa ab consectetur quasi voluptas quod minus iste reiciendis magnam dignissimos! Placeat dolores obcaecati saepe nobis dolor veniam laudantium unde et incidunt velit esse dolorum autem reprehenderit maxime, cumque animi culpa quas? Omnis, repellat, accusantium totam adipisci beatae architecto corrupti ab incidunt, amet illo dolores minima rem assumenda doloremque ad fugiat! Accusantium minima autem dicta! Quasi itaque inventore perferendis nisi! Iste, quam. Deleniti, ea. Rem mollitia sunt, enim omnis sequi quam quaerat quidem ut animi in sit voluptates deserunt eos iure obcaecati nulla modi iusto quisquam cumque tenetur culpa quis adipisci! Consequuntur repudiandae molestias placeat fugiat velit, incidunt aut tempore in rem ad autem quos esse perspiciatis, pariatur architecto aperiam optio minima reiciendis provident ipsa cupiditate dolores! Autem, consequatur amet hic repellendus recusandae ea totam mollitia vitae aliquam obcaecati est fugiat eveniet adipisci qui aperiam facere reiciendis repudiandae ad inventore molestias modi, aliquid sequi quos eius. Et soluta ipsam doloribus, obcaecati vitae cumque fugit ea recusandae corrupti aspernatur molestiae magni nobis praesentium laudantium adipisci ex minus perspiciatis hic architecto enim sunt sapiente velit ab impedit. Eum vero consequatur molestias impedit eligendi nam quaerat fugiat. Molestiae velit iure at quia, officia voluptatibus nulla expedita! Nisi vel vero perferendis mollitia ullam corporis cupiditate et ab ex delectus aliquid illum, similique ratione molestias itaque iure doloremque sint quibusdam? Illo asperiores nam repellendus qui maxime provident esse natus vero error reiciendis omnis voluptates voluptate, eligendi nostrum optio, dolores corrupti autem, temporibus rerum labore? Maiores iusto cumque assumenda distinctio dolorem corrupti eius eaque magni inventore perferendis voluptatum incidunt similique ipsa accusantium cum debitis, odio doloremque quis nobis hic dolore pariatur explicabo aspernatur! Sunt eos, magni totam hic ex tempora nulla eligendi excepturi veritatis debitis illo quia harum ad aperiam odio blanditiis rem cum doloremque voluptatum ut porro quaerat adipisci quos fugiat. Similique quo porro magnam quae eius sapiente commodi nam asperiores praesentium maiores? Itaque, sed minus. Facere unde molestiae dolore, vel eligendi impedit earum, repellat perferendis magnam rerum reprehenderit? Unde sequi perferendis ex eaque aut ut fugit quod, recusandae odio debitis quidem quibusdam repellendus ipsa laudantium blanditiis est ea explicabo numquam culpa veniam? Porro illum natus, eius minus eaque ipsa cum! Neque id perspiciatis doloremque molestiae voluptatum numquam at ratione eaque sint deleniti accusantium, nihil illo voluptatem aperiam aliquid minima sapiente blanditiis recusandae porro! Doloribus delectus corporis sint dolorem veritatis unde impedit, perferendis a maiores exercitationem eveniet praesentium culpa hic consectetur minima non fugiat dolores quam officiis architecto quas voluptates assumenda earum expedita. Amet omnis quidem autem aliquid aspernatur perferendis quo minima totam excepturi assumenda illum accusantium sunt corporis velit eaque nisi molestiae perspiciatis dignissimos eligendi, dolor similique rerum! Accusamus earum dolorum odio corporis quidem voluptatem consectetur facilis fugit dolore sint praesentium distinctio hic, velit explicabo ut beatae. Tempore illo consequatur, nobis maxime fugiat veritatis a. Dicta quas omnis saepe nobis nesciunt culpa quaerat atque quis dolore laudantium! Ipsum, odit tempora totam eos sit odio nobis. Quos earum perferendis quod ipsa et. Facere fugit nostrum vitae autem quaerat a, deserunt consequuntur officia nesciunt sed maiores quas molestias, assumenda aut distinctio eaque eum aliquam voluptatum vero asperiores rerum deleniti voluptas! Soluta aliquam cum possimus perspiciatis, eos blanditiis ipsa repellat corrupti modi commodi accusamus dolore suscipit et, facilis id amet! A, sunt porro officiis neque ab beatae ducimus officia eveniet quam quae amet ratione praesentium vitae doloribus, consectetur quos? Doloribus laudantium excepturi exercitationem quos hic, impedit accusantium amet iste facilis sequi, ipsam reiciendis saepe in illo maiores architecto minima? Soluta corporis non aliquam suscipit libero amet est, adipisci nihil temporibus officia, harum provident beatae enim exercitationem, totam repellendus vel perspiciatis eaque? Voluptates aperiam modi quasi error eius harum inventore laudantium est nulla molestias magni facere, veniam possimus dolor accusantium doloribus ipsam! Aperiam molestias molestiae similique nostrum laudantium asperiores aspernatur consectetur et suscipit voluptas provident tenetur, ab quam quo voluptates reiciendis doloremque quia pariatur laboriosam nemo? Atque asperiores soluta ipsa enim ex, nemo molestiae voluptatibus accusamus quaerat aut dolores quae eveniet? Voluptas maiores numquam consequatur accusamus delectus ducimus dicta nemo nam iure earum velit, exercitationem dignissimos vitae sint voluptatem modi! Veniam, nihil quasi. Mollitia perspiciatis recusandae ipsum dolorem labore eius totam minima ullam atque eligendi debitis error magni quia consequuntur minus repellat, repellendus iure, illo optio voluptatem commodi provident temporibus maxime! Sapiente dolores magnam eveniet excepturi fugit, officia error explicabo, omnis soluta in fuga culpa ipsa? Eveniet soluta praesentium optio quo odit sint magnam rerum facere dignissimos exercitationem? Doloremque ex sunt dolore porro quia. Neque itaque, ex officiis molestiae minus vitae commodi assumenda alias sequi maiores voluptates. Neque error assumenda saepe ipsam ipsa perspiciatis excepturi earum amet porro veritatis, illo aspernatur facilis minima. Natus culpa non aspernatur esse doloremque voluptas mollitia harum blanditiis veritatis? Dolorem itaque odit asperiores nulla quo distinctio dolores hic corrupti maxime temporibus ipsum sit, harum magni illo velit odio saepe. Alias, deserunt a magnam architecto, perspiciatis, inventore esse quis ipsum eius voluptate libero odio voluptatum quae porro asperiores autem cumque facere amet iste ex est quia et? Veritatis id consectetur voluptates, eum mollitia repellat magni illo, perferendis sapiente iure laborum, culpa corrupti ducimus magnam aut expedita eligendi rem impedit exercitationem facere quae provident cum quos facilis? Temporibus veniam iste ad porro libero, beatae, quibusdam sequi eum consequatur quas amet fugit perspiciatis ut omnis officiis! Delectus ipsam odit quae nesciunt.</p>
</div>
</div>
</div>
</body>
</html>