Skip to content

Commit 4ee8490

Browse files
slmnshslmnsh
committed
Added React and TypeScript logos
1 parent 45e23fd commit 4ee8490

File tree

6 files changed

+492
-425
lines changed

6 files changed

+492
-425
lines changed

‎images/react-logo.webp

4.48 KB
Binary file not shown.

‎images/typescript-logo.webp

1.57 KB
Binary file not shown.

‎index.html

Lines changed: 148 additions & 107 deletions
Original file line numberDiff line numberDiff line change
@@ -1,109 +1,150 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<meta name="Description" content="Portfolio of Salman Shaikh(salmannotkhan) Python Dev Web Dev">
7-
<link rel="stylesheet" href="./main.css">
8-
<link rel="shortcut icon" href="images/profile.webp" type="image/webp">
9-
<title>Salman Shaikh's Portfolio</title>
10-
</head>
11-
<body>
12-
<nav>
13-
<div id="button">
14-
<img src="images/moon-icon.webp" alt="darkmode"> <div>Try dark theme</div>
15-
</div>
16-
<div class="links">
17-
<div class="active">&nbsp;</div>
18-
<a href="#home">
19-
<img src="images/home-icon.webp" alt="home" height="20" width="20"><span>Home</span>
20-
</a>
21-
<a href="#projects">
22-
<img src="images/projects-icon.webp" alt="projects" height="20" width="20"><span>Projects</span>
23-
</a>
24-
<a href="#about">
25-
<img src="images/about-icon.webp" alt="about" height="20" width="20"><span>About</span>
26-
</a>
27-
<a href="#contact">
28-
<img src="images/contact-icon.webp" alt="contact" height="20" width="20"><span>Contact</span>
29-
</a>
30-
</div>
31-
</nav>
32-
<div id="screens">
33-
<div id="home">
34-
<img src="images/profile.webp" alt="Salman Shaikh">
35-
<h1>Hi, I'm Salman</h1>
36-
<p>And this is my site</p>
37-
</div>
38-
<div id="projects">
39-
<div class="lang-logos">
40-
<div class="img">
41-
<img src="images/python-logo.webp" alt="python">
42-
<img src="images/django-logo.webp" alt="django">
43-
<img src="images/php-logo.webp" alt="php">
44-
</div>
45-
</div>
46-
<div class="project-list">
47-
</div>
48-
</div>
49-
<div id="about">
50-
<p>21 yrs old dev from India</p>
51-
<p>Passionate Python Developer</p>
52-
<p>Who can scrape any damn thing</p>
53-
<p>Freelancer, Web Developer</p>
54-
</div>
55-
<div id="contact">
56-
<a href="https://www.fiverr.com/ss131099">
57-
<img src="images/fiverr-logo.webp" alt="fiverr">
58-
<div>Fiverr</div>
59-
</a>
60-
<a href="https://www.instagram.com/salman_not_khan">
61-
<img src="images/instagram-logo.webp" alt="instagram">
62-
<div>Instagram</div>
63-
</a>
64-
<a href="https://www.twitter.com/salman_not_khan">
65-
<img src="images/twitter-logo.webp" alt="twitter">
66-
<div>Twitter</div>
67-
</a>
68-
<a href="mailto:tony903212@gmail.com">
69-
<img src="images/mail-logo.webp" alt="email">
70-
<div>Mail</div>
71-
</a>
72-
<a href="https://t.me/salmannotkhan">
73-
<img src="images/telegram-logo.webp" alt="telegram">
74-
<div>Telegram</div>
75-
</a>
76-
</div>
77-
</div>
78-
<script data-mode="hash" async defer src="https://scripts.simpleanalyticscdn.com/latest.js"></script>
79-
<noscript><img src="https://queue.simpleanalyticscdn.com/noscript.gif" alt="" referrerpolicy="no-referrer-when-downgrade" /></noscript>
80-
</body>
81-
<script id="project" type="x-tmpl-mustache">
82-
<div class="project">
83-
<div class="details">
84-
<div class="title">
85-
{{name}}
86-
</div>
87-
<div class="description">
88-
{{desc}}
89-
</div>
90-
<div class="lang">
91-
Written in: {{lang}}
92-
</div>
93-
</div>
94-
<div class="links">
95-
<div class="link">
96-
<a href="{{githubUrl}}">Github Link</a>
97-
</div>
98-
{{#url}}
99-
<div class="link">
100-
<a href="{{url}}">Visit Site</a>
101-
</div>
102-
{{/url}}
103-
</div>
104-
</div>
105-
</script>
106-
<script src="https://unpkg.com/mustache@latest"></script>
107-
<script src="./projects.js"></script>
108-
<script src="./main.js"></script>
109-
</html>
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<meta
7+
name="Description"
8+
content="Portfolio of Salman Shaikh(salmannotkhan) Python Dev Web Dev"
9+
/>
10+
<link rel="stylesheet" href="./main.css" />
11+
<link
12+
rel="shortcut icon"
13+
href="images/profile.webp"
14+
type="image/webp"
15+
/>
16+
<title>Salman Shaikh's Portfolio</title>
17+
</head>
18+
<body>
19+
<nav>
20+
<div id="button">
21+
<img src="images/moon-icon.webp" alt="darkmode" />
22+
<div>Try dark theme</div>
23+
</div>
24+
<div class="links">
25+
<div class="active">&nbsp;</div>
26+
<a href="#home">
27+
<img
28+
src="images/home-icon.webp"
29+
alt="home"
30+
height="20"
31+
width="20"
32+
/><span>Home</span>
33+
</a>
34+
<a href="#projects">
35+
<img
36+
src="images/projects-icon.webp"
37+
alt="projects"
38+
height="20"
39+
width="20"
40+
/><span>Projects</span>
41+
</a>
42+
<a href="#about">
43+
<img
44+
src="images/about-icon.webp"
45+
alt="about"
46+
height="20"
47+
width="20"
48+
/><span>About</span>
49+
</a>
50+
<a href="#contact">
51+
<img
52+
src="images/contact-icon.webp"
53+
alt="contact"
54+
height="20"
55+
width="20"
56+
/><span>Contact</span>
57+
</a>
58+
</div>
59+
</nav>
60+
<div id="screens">
61+
<div id="home">
62+
<img src="images/profile.webp" alt="Salman Shaikh" />
63+
<h1>Hi, I'm Salman</h1>
64+
<p>And this is my site</p>
65+
</div>
66+
<div id="projects">
67+
<div class="lang-logos">
68+
<div class="img">
69+
<img src="images/python-logo.webp" alt="python" />
70+
<img src="images/django-logo.webp" alt="django" />
71+
<img src="images/react-logo.webp" alt="react" />
72+
<img
73+
src="images/typescript-logo.webp"
74+
alt="typescript"
75+
/>
76+
</div>
77+
</div>
78+
<div class="project-list"></div>
79+
</div>
80+
<div id="about">
81+
<p>21 yrs old dev from India</p>
82+
<p>Passionate Python Developer</p>
83+
<p>Who can scrape any damn thing</p>
84+
<p>Freelancer, Web Developer</p>
85+
</div>
86+
<div id="contact">
87+
<a href="https://www.fiverr.com/ss131099">
88+
<img src="images/fiverr-logo.webp" alt="fiverr" />
89+
<div>Fiverr</div>
90+
</a>
91+
<a href="https://www.instagram.com/salman_not_khan">
92+
<img src="images/instagram-logo.webp" alt="instagram" />
93+
<div>Instagram</div>
94+
</a>
95+
<a href="https://www.twitter.com/salman_not_khan">
96+
<img src="images/twitter-logo.webp" alt="twitter" />
97+
<div>Twitter</div>
98+
</a>
99+
<a href="mailto:tony903212@gmail.com">
100+
<img src="images/mail-logo.webp" alt="email" />
101+
<div>Mail</div>
102+
</a>
103+
<a href="https://t.me/salmannotkhan">
104+
<img src="images/telegram-logo.webp" alt="telegram" />
105+
<div>Telegram</div>
106+
</a>
107+
</div>
108+
</div>
109+
<script
110+
data-mode="hash"
111+
async
112+
defer
113+
src="https://scripts.simpleanalyticscdn.com/latest.js"
114+
></script>
115+
<noscript
116+
><img
117+
src="https://queue.simpleanalyticscdn.com/noscript.gif"
118+
alt=""
119+
referrerpolicy="no-referrer-when-downgrade"
120+
/></noscript>
121+
</body>
122+
<script id="project" type="x-tmpl-mustache">
123+
<div class="project">
124+
<div class="details">
125+
<div class="title">
126+
{{name}}
127+
</div>
128+
<div class="description">
129+
{{desc}}
130+
</div>
131+
<div class="lang">
132+
Written in: {{lang}}
133+
</div>
134+
</div>
135+
<div class="links">
136+
<div class="link">
137+
<a href="{{githubUrl}}">Github Link</a>
138+
</div>
139+
{{#url}}
140+
<div class="link">
141+
<a href="{{url}}">Visit Site</a>
142+
</div>
143+
{{/url}}
144+
</div>
145+
</div>
146+
</script>
147+
<script src="https://unpkg.com/mustache@latest"></script>
148+
<script src="./projects.js"></script>
149+
<script src="./main.js"></script>
150+
</html>

‎main.css

Lines changed: 34 additions & 16 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)