-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
106 lines (94 loc) · 6.07 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
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Comforter+Brush&family=Open+Sans&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap" rel="stylesheet">
<link rel="stylesheet" href="file.css">
<link rel="icon" href="Images/man.png">
<link rel="stylesheet" href="file2.css">
<link rel="stylesheet" href="additional_features.css">
<title>Himayoun</title>
</head>
<body>
<div class="preloader">
<img src="./preloader/rocket.png" alt="" class="rocket">
<h4>Loading...</h4>
<img src="./preloader/star.png" alt="" class="star1">
<img src="./preloader/star.png" alt="" class="star2">
<img src="./preloader/star.png" alt="" class="star3">
<img src="./preloader/saturn.png" alt="" class="saturn">
</div>
<section >
<div class="upper-container">
<img class = "top_cloud"src="Images/CSS - My Site Images/CSS - My Site Images/cloud.png" alt="cloud_img">
<h1 class="heading1">I'm_Himayoun</h1>
<p class="atxt"> A <p class="protxt"> Pro</p>grammer</p>
<img class="bottom_cloud" src="Images/CSS - My Site Images/CSS - My Site Images/cloud.png" alt="cloud_img">
<img class = "mountain-img"src="Images/CSS - My Site Images/CSS - My Site Images/mountain.png" alt="Mountain_img">
</div>
<div class="middle-container">
<img src="Images/user.png" alt="Profile" class="pic">
<p>I am pursuing B.Tech in Computer Science and Engineering. I have a strong passion for WebDevelopment, and I am excited to further develop my skills and expertise in this field. My goal is to pursue a career in Software Industry, and I am passionate about FrontEnd WebDevelopment and look forward to contribute to projects.</p>
<br>
<hr>
<div class="skills">
<h2>🛠️My Skills⚔️</h2>
<img src="Images/gifs/giphy(1).webp" class="skill-img1">
<h2>🕸️Web Developer💻</h2>
<p>i started my programming journey with web developnment. Currently i am into many things that are listed below:</p>
<div class="skillImgsDiv">
<img src="Images/Skills/js.png" alt="" class="skills-img">
<img src="Images/Skills/css.png" alt="" class="skills-img">
<img src="Images/Skills/html.png" alt="" class="skills-img">
<img src="Images/Skills/python.png" alt="" class="skills-img">
<img src="Images/Skills/java.png" alt="" class="skills-img">
<img src="Images/Skills/react.png" alt="" class="skills-img">
<img src="Images/Skills/mysql.png" alt="" class="skills-img">
<img src="Images/Skills/figma.png" alt="" class="skills-img">
<img src="Images/Skills/git.png" alt="" class="skills-img">
<img src="Images/Skills/github.png" alt="" class="skills-img">
</div>
<br>
<h2>📈Graphic Desiner👕</h2>
<p>Started my Designing journey in 2019, making poster and logo, designing tshirts for Sempai Kart, by using Figma, Canva and Adobe.</p>
<br>
<h2>🖥️Problem Solver🔥</h2>
<p>GFG 250+ problems Solved along with streak of 150+ days, Leetcode 100+ problems Solved.</p>
<br>
<h2>🤖Machine Learning🖲️</h2>
<p>Yet to be started... stay tuned.</p>
<br>
</div>
<img src="Images/gifs/giphy.webp" alt="" class="skill-img2">
<h2>🚀My Project🛸</h2>
<div class="projectsDiv">
<a href="https://himayoun.github.io/30DaysOfJs/week3/WeatherApp/index.html"><img src="Images/Projects/weatherApp.png" alt="project5.img" class="projects"></a>
<a href="https://himayoun.github.io/30DaysOfJs/"><img src="Images/Projects/30daysOfJS.png" alt="30DaysOfJs.img" class="projects"></a>
<a href="https://himayoun.github.io/30DaysOfJs/LearningJSAfter30Days/animePage/index.html"><img src="Images/Projects/animePage.jpg" alt="AnimePage.img" class="projects"></a>
<a href="https://himayoun.github.io/30DaysOfJs/week2/moreOnSameTopics/countDownTimer/index.html"><img src="Images/Projects/countDownTimer.png" alt="project1.img" class="projects"></a>
<a href="https://himayoun.github.io/30DaysOfJs/week2/moreOnSameTopics/ToDolist/toDoList.html"><img src="Images/Projects/toDoList.jpg" alt="project2.img" class="projects"></a>
<a href="https://himayoun.github.io/30DaysOfJs/week3/Rock,Paper,Scissors/index.html"><img src="Images/Projects/rockPaperScissor.jpg" alt="project3.img" class="projects"></a>
<a href="https://himayoun.github.io/30DaysOfJs/week3/digital_clock/index.html"><img src="Images/Projects/DigitalClock&QuoteGenerator.jpg" alt="project4.img" class="projects"></a>
</div>
</div>
<hr>
<div class="bottom-container">
<h2>🤝Connect📧</h2>
<a href="https://www.linkedin.com/in/himayoun7931/" target="0"><img src="SM SVG/social-linkedin-svgrepo-com.svg" alt="" class="twitter"></a>
<a href="https://github.com/HimAYouN" target="0"><img src="SM SVG/icons8-github.svg" alt="" class="twitter"></a>
<a href="#"><img src="SM SVG/icons8-telegram-app.svg" alt="" class="twitter , telegram" ></a>
</div>
<!-- <div class="jsProject">
<div class="box"></div>
<input type="text" id="colorinput">
<span id = "btn" onclick="colorChange()">Change</span>
</div> -->
</section>
<script src="file.js"></script>
</body>
</html>