-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
144 lines (115 loc) · 6.29 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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title >M.S.</title>
<link rel="stylesheet" href="Style.css">
<link href="https://fonts.cdnfonts.com/css/Pixies" rel="stylesheet">
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body >
<nav data-spy="scroll" class="navbar navbar-collapse navbar-expand-lg navbar navbar-dark " style="background-color: black;">
<!-- <a class="nav-link border border-secondary" href="#">Contacts</a> -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon" style="color: white ;"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="navbar-brand" style="font-family: 'Pixies';" href="#MS">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" style="font-family: 'Pixies';" href="#AboutMe">About Me</a>
</li>
<li class="nav-item">
<a class="nav-link" style="font-family: 'Pixies';" href="#">Contacts</a>
</li>
</ul>
</div>
</nav>
<div id="title" class="name_bg">
<h1 style="text-align: center; font-family: 'Pixies';" class="name" onclick="topFunction()" id ="MS">M.S.</h1>
</div>
<div > <p style="color: white; text-align:center; font-size:15px; font-family:'Pixies';" >Hover with mouse on the box near. To clear box, click on the emojis here ↴ </p>
<p style="text-align:center; font-size:40px;" class="emojis" onclick="reload()" id="emojis" >❤️🔥</p>
</div>
<div id="content" class="content">
<div id="content_page" class="content content-image">
<div id="card_image">
<!-- <div id="box-tesla" > -->
<canvas id="canvas" class="canvas" >
</canvas>
<!-- </div> -->
<!--<img src="EatCodeSleepRepeat.png" id="profileImg" title="Eat Code Sleep Repeat" > -->
<div id="profile-image" ></div>
<div class="caption-img">
<p style="font-family: 'Pixies';">“It was everything I wanted to be. Archimedes was my ideal.
I admired the works of artists, but for me they were only shadows and appearances." <br/>
<b>" The inventor, I thought, gives the world palpable creations that live and function. " </b>
</p>
<p style="font-family: 'Pixies';">
<b title="Nikola Tesla">-Nikola Tesla</b>
</p>
</div>
</div>
</div>
</div>
<div id="content" class="content">
<div id="content_page" class="content content-image">
<div id="card_image">
<div id="title" class="titles">
<p style="text-align: center; font-family: 'Pixies';" class="animations" id="AboutMe">About Me</p>
<canvas id="TheGame" class="canvas" >
</canvas>
<div id="AboutCard">
<p>
SOFTWARE ENGINEER BASED IN ITALY
</p>
<br />
<p id="skilledIN" style="text-align: center; font-family:'Pixies'; ">
SKILLED IN:
<li id="frontendLI" style="text-align: left; font-family:'Pixies'; " >
FRONT-END: HTML,
CSS, Javascript (ES6)
</li>
<br />
<li id="backendLI" style="text-align: left; font-family:'Pixies';" >
BACK-END: C#, Javascript (ES6),
VB.NET, PYTHON, <br />
MS SQL SERVER, MySQL, PHP
</li>
</p>
<br />
<br />
<p id="currentlyLearning" style="text-align: center; font-family:'Pixies'; ">
CURRENTLY LEARNING:
<li id="currentlyLI" style="text-align: left; font-family:'Pixies';">
Ethereum Blockchain, Crypto.org Blockchain, EVM, Solidity
</li>
</p>
<br />
<br />
</div>
</div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF" crossorigin="anonymous"></script>
</body>
<footer>
<span id="FooterText">
<span id="PageCopyRight">
<span id="CopyRightText">
<div id="CopyRightTextDiv">
<p style="color: white; text-align:center" id="CopyRightTextPar"></p>
<!-- <button onclick="topFunction()" id="btnScrollUp" title="Go Up" ></button> -->
</div>
</span>
</span>
</span>
<script src="JSQuery_Script.js"></script>
<script src="Script.js"></script>
</footer>
</html>