-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
105 lines (96 loc) · 6.38 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Js Developer</title>
<link rel="stylesheet" href="./style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="shortcut icon" href="https://img.freepik.com/premium-vector/creative-h-letter-logo-design-template_744381-282.jpg" type="image/x-icon">
</head>
<body>
<nav class="flex" id="home">
<img src="https://img.freepik.com/premium-vector/creative-h-letter-logo-design-template_744381-282.jpg" alt="logo">
<h2>USSAIN</h2>
</nav>
<section class="hero flex">
<div class="text flex"><h1>Application's Of <span class="yellow">JavaScript</span></h1></div>
<div class="image"><img src="https://img.freepik.com/free-vector/bug-fixing-concept-illustration_114360-6054.jpg?t=st=1717485555~exp=1717489155~hmac=59d08f71276c1f861f0ee07fe08b999020527f09ef6c6aab98c5456dfce5dca9&w=740" alt="forntImage" srcset="" onmouseenter="iner(this)" onmouseout="outer(this)"></div>
</section>
<section class="about flex" id="about">
<h1>About My Js <span class="yellow">Project</span></h1>
<div class="image">
<img src="https://fireartstudio.s3-accelerate.amazonaws.com/wp-content/uploads/2018/06/image13-1.gif" alt="AboutImage">
</div>
</section>
<section class="card flex">
<div class="boxes flex">
<div class="box box1">
<a href="https://hussainshamim16.github.io/stop-wacth/">
<img src="./Annotation 2024-06-04 124952.png" alt="">
<h1>Stop Wacth</h1>
<p>An online stopwatch is a digital timer that can be used to measure the amount of time that has elapsed between two events.
</p>
</a>
</div>
<div class="box box2">
<a href="https://hussainshamim16.github.io/calculator/calcutr.html">
<img src="./calculaator.png" alt="">
<h1>Calculator</h1>
<p>This simple calculator program allows users to perform basic arithmetic operations, including addition, subtraction, multiplication, and division.</p>
</a>
</div>
<div class="box box3">
<a href="https://hussainshamim16.github.io/To-Do-App/">
<img src="./todo.png" alt="">
<h1>ToDo App</h1>
<p>A to-do list is just a list of things you have to-do. That means basically anything and everything can be on your to-do list—but just because you've written your to-dos down doesn't mean your to-do list is actually useful</p>
</a>
</div>
</div>
</section>
<section class="portfolio flex" id="my">
<div class="text flex"><h1>Muhammad<span class="yellow">HUSSAIN</span></h1>
<p id="pera">Hello! I'm Muhammad Hussain Shamim, a passionate front-end web developer with a love for crafting beautiful and functional websites. At just 16 years old, I've already delved deep into technologies like HTML, CSS, JavaScript, Bootstrap, and Tailwind CSS. My journey into web development started at a young age.</p>
<a href="https://github.com/hussainshamim16">GitHub profile</a>
</div>
<div class="image"><img src="./Snapchat-475541476.jpg" alt="forntImage" srcset="" onmouseenter="filter(this)" onmouseout="unfilter(this)"></div>
</section>
<section class="mostlanguages flex" id="language">
<h1>Languages</h1>
<img src="https://camo.githubusercontent.com/8a0f586d9b582b352202b0e94f46396371134cb76b658601a0bec7a051bc0019/68747470733a2f2f6769746875622d726561646d652d73746174732e76657263656c2e6170702f6170692f746f702d6c616e67733f757365726e616d653d6875737361696e7368616d696d31362673686f775f69636f6e733d74727565266c6f63616c653d656e266c61796f75743d636f6d70616374" alt="langauges">
</section>
<section class="images flex">
<img src="https://i.pinimg.com/originals/a6/42/72/a6427290d97d92343223643614c8ef80.gif" alt="cat">
<div class="text">
<h1>JavaScript <span class="yellow">Introduction</span></h1>
<p>JavaScript, often abbreviated as JS, is a programming language and core technology of the Web, alongside HTML and CSS. 99% of websites use JavaScript on the client side for webpage behavior. Web browsers have a dedicated JavaScript engine that executes the client code.</p> </div>
</section>
<section class="mostlanguages flex">
<h1>Contribution's</h1>
<img src="https://camo.githubusercontent.com/17723b67a56c8367c06f6f2289da94d40e5b95b3b46ddf67d2522cc3826983da/68747470733a2f2f6769746875622d726561646d652d73747265616b2d73746174732e6865726f6b756170702e636f6d2f3f757365723d6875737361696e7368616d696d313626" alt="langauges">
</section>
<section class="mostlanguages mail flex">
<h1>Say Hello👋</h1>
<i class="fa-solid fa-envelope"></i>
<a href="https://mail.google.com/mail/u/0/?tab=rm&ogbl=#inbox?compose=DmwnWsCWzZxWSvmXxkFGZbBdrxpcDTfPgmRCtVZdGxkBzLvmGTsLBsZjkJMxPPMcVvLtNqwbptBQ">send</a>
</section>
<section class="mostlanguages footer flex">
<div class="icon">
<a href="https://www.linkedin.com/in/hussain16/"><i class="fa-brands fa-linkedin-in"></i></a>
<a href="https://github.com/hussainshamim16"><i class="fa-brands fa-github"></i></a>
<a href="https://hussainshamim.com/"><i class="fa-solid fa-hashtag"></i></a>
</div>
<div class="sections flex">
<a href="#home">Home</a>
<a href="#about">About</a>
<a href="#my">My Introduction</a>
<a href="#language">langauges</a>
</div>
<div class="text">
<h1>Muhammad <span class="khass">hussain</span> shamim</h1>
</div>
</section>
</body>
<script src="./script.js"></script>
</html>