|
10 | 10 | <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet"> |
11 | 11 | </head> |
12 | 12 | <body> |
13 | | - <header class="site-header" id="top"> |
14 | | - <a href="#top" class="site-logo" aria-label="Home">Sarim</a> |
15 | | - <nav class="site-nav" aria-label="Primary"> |
16 | | - <a href="#intro">Intro</a> |
17 | | - <a href="#experience">Experience</a> |
18 | | - <a href="#projects">Projects</a> |
19 | | - <a href="#skills">Skills</a> |
20 | | - <a href="#contact">Contact</a> |
21 | | - </nav> |
22 | | - <div class="site-header__actions"> |
23 | | - <a href="mailto:sarimhasan2022@gmail.com" class="icon-btn" aria-label="Email"> |
24 | | - <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="16" x="2" y="4" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></svg> |
25 | | - </a> |
26 | | - <a href="https://github.com/Sarim2022" target="_blank" rel="noopener noreferrer" class="icon-btn" aria-label="GitHub"> |
27 | | - <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"/><path d="M9 18c-4.51 2-5-2-7-2"/></svg> |
28 | | - </a> |
29 | | - <a href="https://www.linkedin.com/in/sarimhasanprofes67" target="_blank" rel="noopener noreferrer" class="icon-btn" aria-label="LinkedIn"> |
30 | | - <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"/><rect width="4" height="12" x="2" y="9"/><circle cx="4" cy="4" r="2"/></svg> |
31 | | - </a> |
32 | | - </div> |
33 | | - <button type="button" class="nav-toggle" aria-label="Open menu" aria-expanded="false"> |
34 | | - <span></span><span></span><span></span> |
35 | | - </button> |
36 | | - </header> |
| 13 | + <header class="site-header" id="top"> |
| 14 | + <a href="#top" class="site-logo" aria-label="Home">Sarim</a> |
| 15 | + |
| 16 | + <nav class="site-nav" aria-label="Primary"> |
| 17 | + <a href="#intro">Intro</a> |
| 18 | + <a href="#experience">Experience</a> |
| 19 | + <a href="#projects">Projects</a> |
| 20 | + <a href="#skills">Skills</a> |
| 21 | + <a href="#contact">Contact</a> |
| 22 | + <a href="https://github.com/Sarim2022" target="_blank">GitHub</a> |
| 23 | + <a href="https://www.linkedin.com/in/sarimhasanprofes67" target="_blank">LinkedIn</a> |
| 24 | + <a href="https://wa.me/YOUR_NUMBER" target="_blank">Messages</a> |
| 25 | + <a href="mailto:sarimhasan2022@gmail.com">Email</a> |
| 26 | + |
| 27 | + </nav> |
| 28 | + |
| 29 | + <div class="site-header__actions desktop-only"> |
| 30 | + <a href="https://github.com/Sarim2022" class="icon-btn" title="GitHub"> |
| 31 | + <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"/><path d="M9 18c-4.51 2-5-2-7-2"/></svg> |
| 32 | + </a> |
| 33 | + <a href="https://www.linkedin.com/in/sarimhasanprofes67" class="icon-btn" title="LinkedIn"> |
| 34 | + <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"/><rect width="4" height="12" x="2" y="9"/><circle cx="4" cy="4" r="2"/></svg> |
| 35 | + </a> |
| 36 | + <a href="mailto:sarimhasan2022@gmail.com" class="icon-btn" title="Email"> |
| 37 | + <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect width="20" height="16" x="2" y="4" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></svg> |
| 38 | + </a> |
| 39 | + </div> |
| 40 | + |
| 41 | + <button type="button" class="nav-toggle" aria-label="Open menu"> |
| 42 | + <span></span><span></span><span></span> |
| 43 | + </button> |
| 44 | +</header> |
37 | 45 |
|
38 | 46 | <div class="nav-backdrop" hidden aria-hidden="true"></div> |
39 | 47 |
|
@@ -240,23 +248,7 @@ <h2 class="section-head__title">Skills</h2> |
240 | 248 | </div> |
241 | 249 | </section> |
242 | 250 |
|
243 | | - <!-- Contact + footer --> |
244 | | - <section class="section contact-section" id="contact"> |
245 | | - <div class="wrap contact-block"> |
246 | | - <h2 class="contact-block__title">Connect on</h2> |
247 | | - <p class="contact-block__lead">Open to roles and collaborations. New Delhi, India.</p> |
248 | | - <div class="contact-block__cta"> |
249 | | - <a href="https://wa.me/918448048903" target="_blank" rel="noopener noreferrer" class="btn btn-ghost">WhatsApp</a> |
250 | | - <a href="https://join.slack.com/t/devapps-world/shared_invite/zt-3uop4lm3o-U63v2iCGTZwscMH7qhEeCQ" class="btn btn-ghost">Slack</a> |
251 | | - <a href="https://github.com/Sarim2022" target="_blank" rel="noopener noreferrer" class="btn btn-ghost" >GitHub</a> |
252 | | - <a href="https://www.linkedin.com/in/sarimhasanprofes67" target="_blank" rel="noopener noreferrer" class="btn btn-ghost">LinkedIn</a> |
253 | | - <a href="https://leetcode.com/u/sarimhasan2022/" target="_blank" rel="noopener noreferrer" class="btn btn-ghost">LeetCode</a> |
254 | | - <a href="mailto:sarimhasan2022@gmail.com" class="btn btn-ghost">Email</a> |
255 | | - <a href="Resume.pdf" target="_blank" class="btn btn-ghost">View resume</a> |
256 | | - <a href="Resume.pdf" download class="btn btn-ghost">Download resume</a> |
257 | | - </div> |
258 | | - </div> |
259 | | - </section> |
| 251 | + |
260 | 252 | </main> |
261 | 253 |
|
262 | 254 | <script type="module" src="script.js"></script> |
|
0 commit comments