-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
44 lines (42 loc) · 2.83 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio Landing Page</title>
<link rel="stylesheet" href="stylesheet.css">
</head>
<body>
<div class="waves-container">
<svg class="waves" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
<path fill="#0099ff" fill-opacity="1" d="M0,160L48,176C96,192,192,224,288,240C384,256,480,256,576,234.7C672,213,768,171,864,144C960,117,1056,107,1152,128C1248,149,1344,203,1392,229.3L1440,256L1440,320L0,320Z"></path>
<path fill="#00ccff" fill-opacity="0.8" d="M0,224L48,218.7C96,213,192,203,288,192C384,181,480,171,576,154.7C672,139,768,117,864,106.7C960,96,1056,96,1152,117.3C1248,139,1344,181,1392,202.7L1440,224L1440,320L0,320Z"></path>
<path fill="#33ccff" fill-opacity="0.6" d="M0,192L48,186.7C96,181,192,171,288,160C384,149,480,139,576,138.7C672,139,768,149,864,154.7C960,160,1056,160,1152,181.3C1248,203,1344,245,1392,266.7L1440,288L1440,320L0,320Z"></path>
<path fill="#66ccff" fill-opacity="0.4" d="M0,256L48,250.7C96,245,192,235,288,224C384,213,480,203,576,202.7C672,203,768,213,864,218.7C960,224,1056,224,1152,245.3C1248,267,1344,309,1392,330.7L1440,352L1440,320L0,320Z"></path>
<path fill="#99ccff" fill-opacity="0.2" d="M0,288L48,282.7C96,277,192,267,288,256C384,245,480,235,576,234.7C672,235,768,245,864,250.7C960,256,1056,256,1152,277.3C1248,299,1344,341,1392,362.7L1440,384L1440,320L0,320Z"></path>
<path fill="#ccffcc" fill-opacity="0.1" d="M0,320L48,314.7C96,309,192,299,288,288C384,277,480,267,576,266.7C672,267,768,277,864,282.7C960,288,1056,288,1152,309.3C1248,331,1344,373,1392,394.7L1440,416L1440,320L0,320Z"></path>
<path fill="#ffffff" fill-opacity="0.05" d="M0,352L48,346.7C96,341,192,331,288,320C384,309,480,299,576,298.7C672,299,768,309,864,314.7C960,320,1056,320,1152,341.3C1248,363,1344,405,1392,426.7L1440,448L1440,320L0,320Z"></path>
</svg>
</div>
<header>
<nav>
<ul>
<li><a href="Assets/Pages/encrypt.html">Text Encryptor</a></li>
<li><a href="Assets/Pages/blender.html">Blender</a></li>
<li><a href="Assets/Pages/portfolio.html">Portfolio</a></li>
<li><a href="Assets/Pages/opensource.html">Open Source</a></li>
</ul>
</nav>
</header>
<main>
<section class="intro">
<h1>Welcome to my Portfolio</h1>
<p></p>
<p>My name is Ryan, and I am a student at Harbor Springs High School. I am interested in software development, open source software, and 3D Modeling,. This website is a collection detailing my interests</p>
</section>
</main>
<footer>
</footer>
<script src="Assets/Scripts/main.js"></script>
</body>
</html>