-
Notifications
You must be signed in to change notification settings - Fork 0
/
index-pwv1.html
92 lines (88 loc) · 3.85 KB
/
index-pwv1.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
83
84
85
86
87
88
89
90
91
92
<head>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Mansalva&family=Raleway&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/02e870017a.js" crossorigin="anonymous"></script>
</head>
<body>
<nav id="navbar" class="nav">
<ul class="nav-list">
<li><a href="#welcome-section">About</a></li>
<li><a href="#projects">Work</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<section id="welcome-section" class="welcome-section">
<h1>Welcome, I'm <span id="bounce">Chrysan</span>!</h1>
<p>A Software Engineer</p>
<h1 id="welcome-emoji">👋</h1>
</section>
<section id="projects" class="projects-section">
<h2 class="projects-section-header">My Projects in FreeCodeCamp</h2>
<div class="projects-grid">
<a class="project project-tile" href="https://codepen.io/mdchrysan/full/GRNRzGp" target="_blank">
<img class="project-image" src="https://raw.githubusercontent.com/mdchrysan/my-online-asset/main/fcc-rwd/lp-kpti.JPG" alt="LP-KPTI18">
<p class="project-title">
<span class="code"><</span>
Konprod TI 2018
<span class="code">/></span>
</p>
</a>
<a class="project project-tile" href="https://codepen.io/mdchrysan/full/eYBYXwY" target="_blank">
<img class="project-image" src="https://raw.githubusercontent.com/mdchrysan/my-online-asset/main/fcc-rwd/lp-form.JPG" alt="LP-FormVL">
<p class="project-title">
<span class="code"><</span>
Form Kepanitiaan SMA
<span class="code">/></span>
</p>
</a>
<a class="project project-tile" href="https://codepen.io/mdchrysan/full/VwmYwyK" target="_blank">
<img class="project-image" src="https://raw.githubusercontent.com/mdchrysan/my-online-asset/main/fcc-rwd/lp-indomie.JPG" alt="LP-Indomie">
<p class="project-title">
<span class="code"><</span>
Indomie Landing Page
<span class="code">/></span>
</p>
</a>
<a class="project project-tile" href="https://codepen.io/mdchrysan/full/JjboRvy" target="_blank">
<img class="project-image" src="https://raw.githubusercontent.com/mdchrysan/my-online-asset/main/fcc-rwd/lp-sop.JPG" alt="LP-SOPUMN">
<p class="project-title">
<span class="code"><</span>
SOP Kemahasiswaan UMN
<span class="code">/></span>
</p>
</a>
</div>
</section>
<section id="contact" class="contact-section">
<div class="contact-section-header">
<h2>Get in Touch!</h2>
<p>Whether you have an idea for a project or just want to chat, <br>feel free to reach me on these links!</p>
</div>
<div class="contact-links">
<a class="btn contact-details" href="mailto:brittany.chiang@gmail.com" target="_blank">
<i class="far fa-envelope"></i>
</a>
<a class="btn contact-details" href="https://instagram.com/mdchrysan" target="_blank">
<i class="fab fa-instagram"></i>
</a>
<a class="btn contact-details" href="https://open.spotify.com/user/551w0uqyac8s3f3q8h6dkzken" target="_blank">
<i class="fab fa-spotify"></i>
</a>
<a class="btn contact-details" href="http://codepen.io/mdchrysan" target="_blank">
<i class="fab fa-codepen"></i>
</a>
<a id="profile-link" class="btn contact-details" href="https://github.com/mdchrysan" target="_blank">
<i class="fab fa-github"></i>
</a>
<a class="btn contact-details" href="https://www.linkedin.com/in/mdchrysan" target="_blank">
<i class="fab fa-linkedin"></i>
</a>
</div>
<div class="page-scroll">
<a id="to-top" href="#welcome-section">
<i class="far fa-hand-point-up"></i>
</a>
</div>
</section>
<footer>by !MariaDB</footer>
</body>