forked from RedEdge967/Profile-Card
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
39 lines (36 loc) · 1.32 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
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>Glassmorphism My Card</title>
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css'><link rel="stylesheet" href="./style.css">
</head>
<body>
<!-- partial:index.partial.html -->
<body class="black-theme">
<div id="switch">
<i class="fas fa-sun"></i>
</div>
<div class="container">
<div class="card">
<div class="card__top">
<img src="https://cdn.pixabay.com/photo/2016/10/26/23/24/colors-1772977_1280.jpg" alt="Sky">
<div class="profile__photo">
<img src="https://assets.codepen.io/7019167/internal/avatars/users/default.png?fit=crop&format=auto&height=512&version=1639040682&width=512" alt="Profile Photo">
</div>
</div>
<div class="card__content">
<h2>Chandula Janith</h2>
<h3>Web Developer</h3>
<p><span><i class="fas fa-map-marker-alt"></i></span>Colombo, Sri Lanka</p>
<p><span><i class="far fa-building"></i></span>School Student</p>
<p><span><i class="far fa-envelope"></i></span><a href="mailto:[email protected]">[email protected]</a></p>
<a href="https://github.com/RedEdge967" class="button">Github Projects</a>
</div>
</div>
</div>
</body>
<!-- partial -->
<script src="./script.js"></script>
</body>
</html>