forked from divyanshudhruv/Minifolio
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
119 lines (114 loc) · 3.91 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Minifolio</title>
<link rel="shortcut icon" href="Minifolio.png" type="image/x-icon" />
<link rel="stylesheet" href="css/style.css" />
<script src="https://unpkg.com/ionicons@latest/dist/ionicons.js"></script>
<link rel="stylesheet" href="css/button.css" />
<script src="https://unpkg.com/[email protected]/dist/typed.umd.js"></script>
<!-- <link rel="stylesheet" href="button.css" /> -->
</head>
<body>
<div class="home">
<div class="container">
Hi, my name is <span>Your Name</span> <br />I'm <span id="role"> </span>
<a class="button" href="#about">Learn more</a>
</div>
</div>
<div class="px50"></div>
<div class="px50" id="about"></div>
<div class="aboutC">
<div class="title">     ABOUT 🫥</div>
<div class="titleGap"></div>
<div class="titleSmall">This and that</div>
<div class="containerGap"></div>
<div class="container">
<div class="leftC">
<div class="text">Hi, I'm a developer</div>
<br />
<div class="textMain">
I design websites with user-friendly UI and UX,
visualizing with <a href="https://www.sketch.com/">Sketch</a> and other design tools.
I'm comfortable with many front-end languages including HTML, CSS, Javascript and Java.
</div>
</div>
<div class="rightC">
<div class="text">TL;DR</div>
<br />
<div class="textMain">Web UI & UX <br />Figma<br />HTML & CSS</div>
<div class="btnC">
<a class="btn btn-custom btn-lg btn-about" href="#"> Click Me </a>
</div>
</div>
</div>
<div class="bottomC"></div>
</div>
<!-- <div class="projectC">
<div class="main">
<div class="textBig">
     PROJECTS ⚡
</div>
<div class="textSmall">
I am currently working on some Projects. Check them out!
</div>
<div class="btnCont">
<button
class="btn btn-custom btn-lg"
style="
font-family: Poppins;
font-weight: 400;
padding: 19.2px 34.3px !important;
font-size: 18.5px;
"
>
Check It Out
</button>
</div>
</div>
</div>
-->
<!-- <div class="contactC">
<div class="main">
<div class="textBig">
     CONTACT 👋🏻
</div>
<div class="textSmall">
Say Hi!
</div>
<div class="btnCont">
<button
class="btn btn-custom btn-lg"
style="
font-family: Poppins;
font-weight: 400;
padding: 19.2px 34.3px !important;
font-size: 18.5px;
"
>
Follow Me
</button>
</div>
</div>
</div> -->
<div class="footer">
<!--since 'span' is an inline element so all the spans are displayed in one line one after the other, if we use 'div' then all the elements will apper in different boxes (try it out )-->
<span
>Copyright ©<span id="copyright-year"></span> All Rights Reserved |
</span>
<span
> Template Developed With
<span class="icon-heart">❤️</span>
By
</span>
<span>
<a href="https://github.com/divyanshudhruv"> Divyanshu Dhruv</a>
</span>
</div>
<script src="js/script.js"></script>
<script src="js/typingAnimation.js"></script>
<script src="js/copyRight.js"></script>
</body>
</html>