-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
76 lines (64 loc) · 2.3 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
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
<!doctype html>
<html>
<head>
<link href="https://unpkg.com/nes.css/css/nes.css" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet">
<title>Muge Alev - Programming Portfolio</title>
<style>
html, body, pre, code, kbd, samp {
margin-top: 40px;
font-family: 'Press Start 2P', cursive;
}
main {
text-align: center;
}
.balloonArea {
margin: 25px 10%;
}
footer {
text-align: center;
}
</style>
</head>
<body>
<main>
<h1 class="nes-text is-success">Hi, I am mafromist</h1>
<h2 class="nes-text is-error">working on coding projects</h2>
<section>
<button type="button" class="nes-btn is-warning"><a href="https://github.com/mafromist">Recent Projects</a></button>
<button type="button" class="nes-btn is-success"><a href="https://mugealev.com">Completed Projects</a></button>
</section>
<section class="nes-container balloonArea">
<section class="message-list">
<section class="message -left">
<i class="nes-bcrikko"></i>
<!-- Balloon -->
<div class="nes-balloon from-left">
<p>Hope you will enjoy this website</p>
</div>
</section>
<section class="message -right">
<!-- Balloon -->
<div class="nes-balloon from-right">
<p>I am enjoying on coding every day</p>
</div>
<i class="nes-bcrikko"></i>
</section>
</section>
</section>
</main>
<footer>
<section class="coin-list"></section>
<i class="nes-icon coin is-large coin1"></i>
<i class="nes-icon coin is-large coin2"></i>
<i class="nes-icon coin is-large coin3"></i>
<i class="nes-icon coin is-large coin4"></i>
<section class="icon-list">
<!-- Copyright Nintendo -->
<i class="nes-mario mario1"></i>
<i class="nes-mario mario2"></i>
<i class="nes-mario mario3"></i>
</section>
</footer>
</body>
</html>