-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
157 lines (151 loc) · 8.92 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
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mohammed Sadique | Portfolio</title>
<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=Mulish:ital,wght@1,200&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Alegreya+Sans+SC:ital,wght@1,500&display=swap"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Holtwood+One+SC&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Josefin+Slab:ital,wght@0,600;1,600&display=swap"
rel="stylesheet">
<link rel="icon" href="pictures/MSlogo.png">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link rel="stylesheet" href="css/styles.css">
</head>
<body id="top">
<div class="firstPage">
<nav>
<a href="../sadique982.github.io" class="nameLogo">Mohammed Sadique</a>
<div class="list">
<ol>
<li><a href="../sadique982.github.io">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#projects">Projects</a></li>
<li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" role="button"
data-bs-toggle="dropdown" aria-expanded="false">Connect with me!</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" target="_blank"
href="https://www.linkedin.com/in/Mohammed-Sadique20">LinkedIn</a></li>
<li><a class="dropdown-item" target="_blank"
href="https://www.github.com/sadique982">Github</a>
</li>
<li><a class="dropdown-item" target="_blank"
href="https://twitter.com/sadique982">Twitter</a>
</li>
<li><a class="dropdown-item" target="_blank"
href="mailto:[email protected]">Mail</a>
</li>
</ul>
</li>
<label class="container">
<input checked="checked" type="checkbox" onclick="BWmode()">
<svg viewBox="0 0 384 512" height="1em" xmlns="http://www.w3.org/2000/svg" class="moon">
<path
d="M223.5 32C100 32 0 132.3 0 256S100 480 223.5 480c60.6 0 115.5-24.2 155.8-63.4c5-4.9 6.3-12.5 3.1-18.7s-10.1-9.7-17-8.5c-9.8 1.7-19.8 2.6-30.1 2.6c-96.9 0-175.5-78.8-175.5-176c0-65.8 36-123.1 89.3-153.3c6.1-3.5 9.2-10.5 7.7-17.3s-7.3-11.9-14.3-12.5c-6.3-.5-12.6-.8-19-.8z">
</path>
</svg>
<svg viewBox="0 0 512 512" height="1em" xmlns="http://www.w3.org/2000/svg" class="sun">
<path
d="M361.5 1.2c5 2.1 8.6 6.6 9.6 11.9L391 121l107.9 19.8c5.3 1 9.8 4.6 11.9 9.6s1.5 10.7-1.6 15.2L446.9 256l62.3 90.3c3.1 4.5 3.7 10.2 1.6 15.2s-6.6 8.6-11.9 9.6L391 391 371.1 498.9c-1 5.3-4.6 9.8-9.6 11.9s-10.7 1.5-15.2-1.6L256 446.9l-90.3 62.3c-4.5 3.1-10.2 3.7-15.2 1.6s-8.6-6.6-9.6-11.9L121 391 13.1 371.1c-5.3-1-9.8-4.6-11.9-9.6s-1.5-10.7 1.6-15.2L65.1 256 2.8 165.7c-3.1-4.5-3.7-10.2-1.6-15.2s6.6-8.6 11.9-9.6L121 121 140.9 13.1c1-5.3 4.6-9.8 9.6-11.9s10.7-1.5 15.2 1.6L256 65.1 346.3 2.8c4.5-3.1 10.2-3.7 15.2-1.6zM160 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z">
</path>
</svg>
</label>
</ol>
</div>
</nav>
<main>
<img src="pictures/Picture-GIF.gif">
<p>Hey, I'm </p>
<h1 class="name" id="about">Mohammed Sadique</h1><br>
<p>
Currently pursuing Bachelor's program in Computer Science and Engineering at the Guru Gobind Singh
Indraprastha
University.<br><br>Passionate about crafting engaging and user-friendly interfaces, I am particularly
drawn
to the creative aspects of Front End Web Development, where I strive to blend aesthetics with
functionality.<br><br>
<marquee direction="left">
I am open to collaboration and enthusiastic about connecting with like-minded
individuals. Whether it involves discussing the latest trends in web development, sharing innovative
ideas,or exploring potential collaborative projects, feel free to reach out.
</marquee>
</p><br><br>
<div class="buttons-container" id="contact">
<a href="mailto:[email protected]" class="button" target="_blank">
<img src="pictures/Email.png" width="15" height="13" alt="Email">
Send an email
</a>
<a href="https://www.linkedin.com/in/Mohammed-Sadique20" class="button" target="_blank">
<img src="pictures/LinkedIn.png" width="15" height="13" alt="LinkedIn">
LinkedIn
</a>
<a href="https://github.com/Sadique982" class="button" target="_blank">
<img src="pictures/Github.png" width="15" height="13" alt="Github">
Github
</a>
</div>
</main>
</div>
<section>
<h5 id="projects">Featured-Projects</h5>
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4">
<div>
<img src="pictures/Projects/Chinese Restaurant.webp" title="David Chu China Bistro"
class="card-img-top">
<div class="card-text" id="project_detail">
<div id="Project_name">David Chu's China Bistro</div>
Chinese Restaurant website, A visually appealing responsive design.
<br><br>
<span id="tech">
HTML/CSS - JS - Bootstrap
</span>
<br><br>
<div id="btn">
<a href="https://sadique982.github.io/Chinese-restaurant/" class="button" target="_blank"
id="demo">
<img src="pictures/Vector.png" width="15" height="15"> Live demo
</a>
<a href="https://github.com/Sadique982/Chinese-restaurant" title="View Code" target="_blank"
id="code">
<img src="pictures/icons8-code-45.png" id="code">
</a>
</div>
</div>
</div>
<div>
<img src="pictures/Projects/portfolio.webp" title="Portfolio Website" class="card-img-top">
<div class="card-text" id="project_detail">
<div id="Project_name">My Portfolio Website</div>
Portfolio Website, to share about my work and my projects.
<br><br>
<span id="tech">
HTML/CSS - JS - Bootstrap
</span>
<br><br>
<div id="btn">
<a href="https://sadique982.github.io/" class="button" target="_blank" id="demo">
<img src="pictures/Vector.png" width="15" height="15"> Live demo
</a>
<a href="https://github.com/Sadique982/sadique982.github.io" title="View Code" target="_blank"
id="code">
<img src="pictures/icons8-code-45.png" id="code">
</a>
</div>
</div>
</div>
</div>
</section>
<footer>
<a href="#top" style="text-align: right;">↑ Back to top</a>
<div class="text-center">© Copyright Mohammed-Sadique 2024</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>