-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
40 lines (39 loc) · 1.63 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
<!DOCTYPE html>
<html>
<head>
<!-- Custom Css -->
<link rel="stylesheet" type="text/css" href="sass/master.css">
<title>👨💻 PORTFOLIO</title>
</head>
<body>
<div class="container">
<img src="svg icons/terminal.svg">
Portfolio Powershell [Version 1.0]<br>
Made by Shreyans Jain using HTML5 CSS3 and Javascript<br>
<div class="welcome">WELCOME TO MY PAGE</div>
<p class="message">-> If you are struck anywhere or want to try something type <span class="command">Help</span> or <span class="command">ls</span></p>
<p class="message">-> You could also try running <span class="command">cd bio</span> command to find out about me</p>
<div class="nameEntry">
Enter your name to continue<br>
<input id="enterButton"type="text" name="name" autocomplete="false"> <span class="smallText">[Hit enter]</span>
</div>
<div class="animation">
<div id="parent">Connecting.......</div>
<div id="parent">Compiling C++(STLs)</div>
<div id="parent">Running Nodemon (NodeJs)</div>
<div id="parent">Learning VueJs</div>
<div id="parent">Completing work</div>
<div id="parent">Connected!!!</div>
</div>
<div class="commandLine">
<span class="commandHeader">
<span id="userName"></span><span style="color: #ff5680; font-weight: bold;">@</span><span style="color:#d57bff ;">Shreyans</span>:/PORTFOLIO$ -> </span>
<input id="commandButton" type="text" name="command" autocomplete="false" placeholder="Enter command" onkeyup="caller(event)" required>
<div class="output">
</div>
</div>
</div>
<script type="text/javascript" src="javascript/master.js"></script>
<script type="text/javascript"></script>
</body>
</html>