forked from divyanshudhruv/Minifolio
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
128 lines (123 loc) · 4.16 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
<!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">Know 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. That's the long and short of it. UI and UX,
Sketch, Design, and pretty decent HTML and CSS — with Javascript and
that nice dabble with 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>
<!-- Back to Top Button -->
<button id="back-to-top" class="button">
<ion-icon name="chevron-up-outline"></ion-icon>
</button>
<!-- <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 style="position: relative; top: -3.2px"
> Template Developed With
<span class="icon-heart"
><ion-icon
name="heart"
style="position: relative; top: 5px"
></ion-icon
></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>