-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.php
43 lines (39 loc) · 4.02 KB
/
index.php
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>VDA - Home</title>
<link rel="stylesheet" href="style/stylesheet.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@200;400;700&display=swap" rel="stylesheet">
<script src="components/header.js" defer></script>
<script src="components/footer.js" defer></script>
</head>
<body>
<!-- Navigation -->
<header-component></header-component>
<!-- Intro -->
<section id="home" class="colored-background">
<div class="centered-box">
<img src="images/Portfolio-1.png" alt="Profile shot"/>
<h1>Welcome</h1>
<p>Vitalijus Duk Architecture</p>
</div>
</section>
<!-- About -->
<section id="about" class="about">
<img src="images/about-1.jpg" alt="ArchViz" />
<h3>Architectural Visualization</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tristique eros et consequat interdum. Cras magna nisi, ultrices ut nunc a, bibendum commodo mi. Etiam ante lacus, rutrum id lacinia vel, vulputate non diam. Nam ut lacinia arcu, eu vehicula neque. Pellentesque malesuada felis porta, elementum ipsum non, feugiat nibh. Etiam scelerisque faucibus ex, sit amet sollicitudin velit mollis fermentum. Curabitur suscipit diam velit, eu iaculis magna euismod sit amet. Nulla ultricies sem mollis sem viverra laoreet. Ut varius lectus eros, ac viverra augue vulputate quis. Quisque consectetur, nisl ut fermentum fermentum, felis orci ultrices lectus, tristique imperdiet felis erat dignissim lectus. Phasellus consequat est id elit eleifend, ut ultrices turpis congue. Vivamus ut elit semper, cursus velit sit amet, venenatis dolor. Proin interdum dapibus eros varius dignissim.</p>
<img src="images/about-2.jpg" alt="Animation and VR" />
<h3>3D Animation and VR</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tristique eros et consequat interdum. Cras magna nisi, ultrices ut nunc a, bibendum commodo mi. Etiam ante lacus, rutrum id lacinia vel, vulputate non diam. Nam ut lacinia arcu, eu vehicula neque. Pellentesque malesuada felis porta, elementum ipsum non, feugiat nibh. Etiam scelerisque faucibus ex, sit amet sollicitudin velit mollis fermentum. Curabitur suscipit diam velit, eu iaculis magna euismod sit amet. Nulla ultricies sem mollis sem viverra laoreet. Ut varius lectus eros, ac viverra augue vulputate quis. Quisque consectetur, nisl ut fermentum fermentum, felis orci ultrices lectus, tristique imperdiet felis erat dignissim lectus. Phasellus consequat est id elit eleifend, ut ultrices turpis congue. Vivamus ut elit semper, cursus velit sit amet, venenatis dolor. Proin interdum dapibus eros varius dignissim.</p>
<img src="images/about-3.jpg" alt="Photography" />
<h3>Drone Photography and Animation</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tristique eros et consequat interdum. Cras magna nisi, ultrices ut nunc a, bibendum commodo mi. Etiam ante lacus, rutrum id lacinia vel, vulputate non diam. Nam ut lacinia arcu, eu vehicula neque. Pellentesque malesuada felis porta, elementum ipsum non, feugiat nibh. Etiam scelerisque faucibus ex, sit amet sollicitudin velit mollis fermentum. Curabitur suscipit diam velit, eu iaculis magna euismod sit amet. Nulla ultricies sem mollis sem viverra laoreet. Ut varius lectus eros, ac viverra augue vulputate quis. Quisque consectetur, nisl ut fermentum fermentum, felis orci ultrices lectus, tristique imperdiet felis erat dignissim lectus. Phasellus consequat est id elit eleifend, ut ultrices turpis congue. Vivamus ut elit semper, cursus velit sit amet, venenatis dolor. Proin interdum dapibus eros varius dignissim.</p>
</section>
<!-- Footer -->
<footer-component></footer-component>
</body>
</html>