-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
118 lines (105 loc) · 6.05 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
<!DOCTYPE hmtl>
<html lang="en">
<head>
<title>My Portfolio</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="styles.css">
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
</head>
<body>
<header id="header" class="header">
<h1 class="logo">Portfolio.</h1>
<nav id="navbar" class="navbar">
<a href="#navbar" style="--i:1" class="active"><i class='bx bx-home-alt'></i> Home</a>
<a href="#about" style="--i:2" ><i class='bx bx-edit' ></i> About</a> <!-- alt+ctrl+⬇️ alt+shift+⬇️ -->
<a href="#skills" style="--i:3" ><i class='bx bx-medal' ></i> Skills</a>
<a href="#footer" style="--i:4" ><i class='bx bx-envelope'></i> Contact</a>
</nav>
</header>
<section class="home">
<div class="home-content">
<h3>Hello, I'm</h3>
<h1><marquee direction="left">M A HARISH J</marquee></h1>
<h3>I'm a <span>Developer</span> / <span>Designer</span> / <span>Writer</span></h3>
<p>A young enthusiastiac engineer as you've never seen before. Check
around my profile strength by using this static page. This is my
mini portfolio to show around my works.
</p>
<div class="social-media">
<a href="https://www.facebook.com/ma.harishj.7/" target="_blank" style="--i:5"><i class='bx bxl-facebook'></i></a>
<a href="https://twitter.com/m_a_harish_j" target="_blank" style="--i:6"><i class='bx bxl-twitter' ></i></a>
<a href="https://www.instagram.com/m_a_harish_j/" target="_blank" style="--i:7"><i class='bx bxl-instagram-alt' ></i></a>
<a href="https://www.linkedin.com/in/m-a-harish-j-a69474209/" target="_blank" style="--i:8"><i class='bx bxl-linkedin' ></i></a>
<a href="https://github.com/mr-horror-harry" target="_blank" style="--i:9"><i class='bx bxl-github'></i></a>
<a href="https://www.skillrack.com/faces/resume.xhtml?id=304818&key=ed4275e961c87503463e9cd03027f74bfb2e4873" target="_blank" style="--i:10"><i class='bx bx-code'></i></a>
</div>
<a href="My_Resume.pdf" class="btn" >Download CV</a>
</div>
<div class="home-img">
<img src="horror_gradient.png" alt="pto_1">
</div>
</section>
<hr>
<section id="about" class="about">
<div class="about-img">
<img src="horror_pto_2.jpg" alt="pto_2">
</div>
<div class="about-content">
<ul>
<li>Hello Everyone As said before I'm <span> Harry J</span>.</li>
<li>I want to be a <span> designer</span>, <span> ethical hacker</span>, <span> developer</span> at times. </li>
<li> Currentky I'm pursuing my <span> B.E.</span> degree in <span> CSE</span> in <span> NEC</span>, <span> Kovilpatti</span>.</li>
<li> My interests are on <span> Space exploring</span>, <span> Music listening</span>, <span> Colors Researching</span>, <span> Numbers Concepts</span>, etc.</li>
<li> Also I'm an expert in <span> canva</span>, <span> figma</span>, <span> blender</span> I love designing more and more.</li>
<li>Also I'm good at my programming skills of efficient problem solving, considering <span> Time Complexity</span>, <span> Memory Efficiency</span>, <span> Code Reduciability</span>, etc.</li>
</ul>
</div>
<a href="#navbar"><i class='bx bx-up-arrow-alt'></i></a>
</section>
<hr>
<section id="skills" class="skills">
<h1>-- Deisgn : Code : Write --</h1>
<div id="design">
<div class="posters">
<p>Canva Works:</p>
<img src="FOOD FREAKZ.png" alt="poster_2" >
<img src="Trekking.png" alt="poster_1" >
<img src="snack corner.png" alt="poster_3" >
</div>
<div class="blenders">
<p>Blender Works:</p>
<img src="cycle_blender.png" alt="blender_1" >
<img src="cupcake_blender.png" alt="blender_2" >
<img src="lamp_blender.png" alt="blender_3" >
</div>
</div>
<div id="develop">
<p>Coding platforms:</p>
<img src="leetcode.png" alt="coding_1" >
<img src="skillrack.png" alt="coding_2" >
<img src="codechef.png" alt="coding_3" >
</div>
<div id="write">
<p>Writing skills:</p>
<img src="kavithai_1.png" alt="coding_1" >
<img src="kavithai_2.png" alt="coding_2" >
<img src="kavithai_3.png" alt="coding_3" >
</div>
<div>
<a href="#navbar"><i class='bx bx-up-arrow-alt'></i></a>
</div>
<br><br>
</section>
<footer id="footer" class="footer">
<p>-- Contact --</p>
<div class="social-media">
<a href="https://www.facebook.com/ma.harishj.7/" target="_blank"><i class='bx bxl-facebook'></i></a>
<a href="https://twitter.com/m_a_harish_j" target="_blank"><i class='bx bxl-twitter'></i></a>
<a href="https://www.instagram.com/m_a_harish_j/" target="_blank"><i class='bx bxl-instagram-alt' ></i></a>
<a href="https://www.linkedin.com/in/m-a-harish-j-a69474209/"><i class='bx bxl-linkedin' target="_blank"></i></a>
<a href="mailto:[email protected]" target="_blank"><i class='bx bxs-envelope' ></i></a>
<a href="tel:+919597611303" target="_blank"><i class='bx bxs-phone' ></i></a>
</div>
</footer>
</body>
</html>