-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
111 lines (105 loc) · 7.79 KB
/
Copy pathindex.html
File metadata and controls
111 lines (105 loc) · 7.79 KB
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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8">
<title>Personal Homepage</title>
<link rel="stylesheet" href="./css/index.css"/>
</head>
<body>
<video autoplay loop id="bgvid">
<source src="./resources/backgroundwebm.webm" type="video/webm">
<source src="./resources/backgroundmp4.mp4" type="video/mp4">
</video>
<div class="container">
<div class="nav-container">
<nav class="main_navigation">
<ul class="ul">
<li class="li current-page"><a href="index.html">home</a></li>
<li class="li"><a href="about.html">about</a></li>
<li class="li"><a href="gallery.html">gallery</a></li>
<li class="li"><a href="works.html">works</a></li>
<li class="li"><a href="blog.html">blog</a></li>
<li class="li"><a href="contact_form.html">contact</a></li>
</ul>
</nav>
</div>
<header class="main-header">
<h1 class="main_title">Albert Einsten</h1>
</header>
<main class="main_section">
<article>
<h3 class="article-title center">Lorem ipsum dolor sit amet</h3>
<p class="article-p">consectetur adipisicing elit. Eius harum fugiat dicta, saepe neque voluptate
doloribus, nam
reiciendis vel laboriosam facilis. Animi reprehenderit dolorum nostrum non adipisci magnam
debitis in consequuntur officiis assumenda officia incidunt pariatur, tempore praesentium
placeat nisi nulla iusto laborum accusamus labore commodi obcaecati! Voluptatibus ex maiores
recusandae officia, impedit animi molestias at ipsa eaque eius repudiandae neque non aspernatur
harum possimus quibusdam pariatur error voluptatum asperiores? Reprehenderit cupiditate, rerum
eos provident atque, voluptatibus assumenda sequi aperiam nam quod dolor sit ad eligendi fugit
quas! Beatae consequuntur libero, modi hic, odio adipisci impedit velit voluptatum nostrum
sapiente,
</p>
<figure class="figure figure-float-right-in-article">
<img class="main_photo" src="./resources/eintein_everybody_genius.jpg"
alt="eintein everybody genius"/>
</figure>
<p class="article-p">porro incidunt aut nulla, rem. Impedit veniam distinctio esse rem cupiditate
nihil sed
tempora ipsa tempore consectetur sequi non repellendus adipisci, sit provident numquam ab ea
voluptates deleniti assumenda. Quis nemo incidunt eligendi, eveniet excepturi. Incidunt magnam
illum delectus laudantium quibusdam molestias dicta consectetur dignissimos rerum expedita
necessitatibus in animi adipisci, maiores recusandae explicabo rem cumque. Ea tempora commodi
voluptas quae, maiores rerum eum asperiores.
</p>
<h4>Amet totam</h4>
<p>rem obcaecati odit error aut, fugit at
repudiandae animi mollitia beatae a expedita voluptate? Magnam obcaecati enim libero illum
reiciendis id laborum iste, aspernatur quisquam et fugit doloremque delectus sapiente veniam
itaque at placeat dignissimos ipsa, autem praesentium asperiores a animi! Accusantium iste
itaque pariatur molestiae aliquid, labore excepturi, iure dicta mollitia eaque voluptate et eum
velit natus beatae culpa quam cupiditate sunt doloremque porro provident. A culpa, ut quae quos
assumenda eum voluptates deleniti in veniam id, sint necessitatibus ullam veritatis qui quasi
dolores possimus atque minima nihil accusantium quibusdam repudiandae. Quae blanditiis, odit
cumque asperiores reprehenderit enim nobis accusamus quia tempora voluptatibus porro,
repellendus quidem sint, voluptas delectus iusto eum est.
</p>
<h4>Nulla iste</h4>
<p>a laudantium molestias
labore consequuntur maiores aspernatur excepturi doloremque. Facere sunt repellat ea voluptates
fugiat quasi, repellendus repudiandae! Dignissimos aut voluptatem reprehenderit corporis
nesciunt veniam suscipit necessitatibus, praesentium eveniet beatae excepturi facilis dolores
mollitia ea similique quisquam consequuntur incidunt molestias id deserunt quam! Fugiat
laudantium laborum magnam dolores molestias commodi veritatis recusandae eaque ipsa placeat,
iusto sint modi explicabo dignissimos iste illum et, aut quisquam nihil id cupiditate. Ea
adipisci natus alias quae facere tenetur, inventore nihil, sunt temporibus provident esse quis?
Voluptate, odit, natus consectetur architecto doloribus mollitia aut pariatur reprehenderit
aliquam porro ipsam quos, eligendi soluta animi dolorum nobis, praesentium tempora vel numquam
sit maiores quaerat. Iure amet quam sint facere, sunt, ullam in optio cumque saepe, earum velit
quaerat vel, quisquam molestias pariatur modi dolorum. Reiciendis perspiciatis corrupti vitae ex
dolorem, eius minima doloribus vel cupiditate repellendus vero veniam culpa eveniet libero iusto
expedita, fugiat, omnis exercitationem rerum nisi architecto. Cumque reiciendis dolorem deserunt
earum sapiente quas consectetur odio repellat ex? Sequi ut soluta natus saepe omnis rem
recusandae similique, voluptate, cupiditate voluptas. Ut quasi recusandae non fugiat tempore
repellat perferendis, est eius similique ratione quibusdam eaque vel eum debitis! Sed earum
iure, minima repellat, nostrum unde odio. Autem tenetur voluptatem, veniam aspernatur. Inventore
dolore odio, rem! Voluptas ipsum, delectus nostrum dolore modi ut doloribus voluptatem natus
obcaecati doloremque assumenda laborum. Cum ullam eaque est, repellendus pariatur tenetur
voluptas et at deleniti unde quas quibusdam eligendi necessitatibus totam consectetur corrupti
dolor praesentium porro, maiores minima provident, dolores natus temporibus! Nisi nesciunt,
maiores. Quas aspernatur, mollitia facere cum. Error cumque reiciendis, ipsa magnam ex
consequuntur eveniet sint repudiandae fugiat voluptatum! Nemo non qui, eligendi tenetur natus,
soluta voluptatum excepturi sed, et, amet tempora animi. Earum aliquid, perspiciatis sequi modi,
in necessitatibus consequatur magnam! Quaerat ea necessitatibus laboriosam cum rerum reiciendis,
dicta deleniti illo minima, alias delectus dignissimos sint blanditiis reprehenderit!
Reprehenderit inventore, incidunt! Cupiditate, a, nihil?</p>
</article>
</main>
<footer class="footer">
<p>
this is the footer :)
</p>
</footer>
</div>
</body>
</html>