-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathproject-02.html
82 lines (76 loc) · 4.1 KB
/
project-02.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
78
79
80
81
82
<!DOCTYPE html>
<html lang="en">
<head>
<title>Portfolio | Project 02</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="style.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono:400,500|Roboto:400,700,900" rel="stylesheet">
<script
src="https://code.jquery.com/jquery-3.2.1.js"
integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE="
crossorigin="anonymous">
</script>
</head>
<body id="content-wrapper">
<header>
<a href="/" class="logo">portfolio</a>
<ul class="no-barba">
<li><a href="#" onclick="return false;">Home</a></li>
<li><a href="#" onclick="return false;">Blog</a></li>
<li><a href="#" onclick="return false;">Contact</a></li>
</ul>
</header>
<main class="project-detail">
<div class="content-container" data-namespace="detail">
<div class="project project--2">
<div class="project__header-content">
<img src="./images/pro2.jpg" alt="project 02">
<summary>
<h2>project 02</h2>
<div class="project__header-content__extra">
<span>Summary of project 02, pretty cool if I don't say so myself</span>
<a class="link" href="project-02.html">Explore</a>
</div>
</summary>
</div>
<a href="#" class="scrolldown">
<img src="./images/icons/arrow.svg" alt="Scroll down">
</a>
</div>
<div class="maincontent">
<p>
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum
deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati
cupiditate non provident, similique sunt in culpa qui officia deserunt
mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis
est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi
optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis
voluptas assumenda est, omnis dolor repellendus.
<br>
<br>
Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe
eveniet ut et voluptates repudiandae sint et molestiae non recusandae.
Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus
maiores alias consequatur aut perferendis doloribus asperiores repellat.
</p>
<p>
Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe
eveniet ut et voluptates repudiandae sint et molestiae non recusandae.
Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus
maiores alias consequatur aut perferendis doloribus asperiores repellat.
</p>
</div>
</div>
</main>
<footer>
<a href="https://github.com/Mellis84" class="github">
<img src="./images/icons/github-logo.svg" alt="Github">
</a>
</footer>
</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.5/TweenMax.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.0/plugins/ScrollToPlugin.min.js"></script>
<script src="barba.min.js" type="text/javascript"></script>
<script src="app.js" type="text/javascript"></script>
</html>