Skip to content

Commit 0451684

Browse files
Mahdi0devMahdi0dev
committed
Generate
1 parent 4b7d9d9 commit 0451684

File tree

1 file changed

+137
-6
lines changed

1 file changed

+137
-6
lines changed

‎index.html‎

Lines changed: 137 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,142 @@
11
<!DOCTYPE html>
2-
<html lang="en">
2+
<html lang="fa">
33
<head>
4+
<title>تارنمای امیر مهدی صالحی</title>
45
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>تارنمای من</title>
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
8+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
9+
<style>
10+
body {
11+
font-family: "Samim", "Tahoma", sans-serif;
12+
direction: rtl;
13+
text-align: right;
14+
}
15+
h1, h2, h3, h4, h5, h6 {
16+
font-family: "Samim", "Tahoma", sans-serif;
17+
}
18+
.w3-row-padding {
19+
display: flex;
20+
flex-direction: row;
21+
}
22+
.w3-light-grey {
23+
background-color: #f1f1f1 !important;
24+
}
25+
.w3-teal {
26+
background-color: #009688 !important;
27+
}
28+
.w3-container {
29+
text-align: right;
30+
}
31+
.w3-display-container h2 {
32+
text-align: right;
33+
}
34+
.w3-bar {
35+
background-color: #009688;
36+
color: white;
37+
display: flex;
38+
justify-content: space-between;
39+
align-items: center;
40+
padding: 0 20px;
41+
}
42+
.w3-bar .w3-button {
43+
margin-right: 10px;
44+
margin-left: 0;
45+
}
46+
.w3-bar-title {
47+
font-size: 20px;
48+
font-weight: bold;
49+
flex-grow: 1;
50+
text-align: center;
51+
}
52+
</style>
753
</head>
8-
<body>
9-
<h1>خوش آمدید</h1>
54+
<body class="w3-light-grey">
55+
56+
<!-- هدر/سربرگ -->
57+
<div class="w3-bar w3-teal">
58+
<div>
59+
<a href="https://zil.ink/mahdi_dev" target="_self" class="w3-button w3-bar-item">پیوند با من</a>
60+
<!-- <a href="https://www.example.com" target="_blank" class="w3-button w3-bar-item">انگلیسی</a> -->
61+
</div>
62+
<div class="w3-bar-title">امیر مهدی صالحی</div>
63+
</div>
64+
65+
<!-- Page Container -->
66+
<div class="w3-content w3-margin-top" style="max-width:1400px;">
67+
68+
<!-- The Grid -->
69+
<div class="w3-row-padding">
70+
71+
<!-- Right Column (باکس عمودی) -->
72+
<div class="w3-third w3-right">
73+
<div class="w3-white w3-text-grey w3-card-4">
74+
<div class="w3-display-container">
75+
<img src="https://avatars.githubusercontent.com/u/173662471?v=4" style="width:100%" alt="Avatar">
76+
</div>
77+
<div class="w3-container">
78+
<p><i class="fa fa-briefcase fa-fw w3-margin-right w3-large w3-text-teal"></i>برنامه‌نویس Android با زبان Kotlin</p>
79+
<p><i class="fa fa-home fa-fw w3-margin-right w3-large w3-text-teal"></i>البرز، ایران</p>
80+
<p><i class="fa fa-envelope fa-fw w3-margin-right w3-large w3-text-teal"></i>[email protected]</p>
81+
<p><i class="fa fa-phone fa-fw w3-margin-right w3-large w3-text-teal"></i>۰۰۹۸۹۹۹۹۸۶۲۸۵۴</p>
82+
<hr>
83+
</div>
84+
</div><br>
85+
</div>
86+
87+
<!-- Left Column (محتویات اصلی) -->
88+
<div class="w3-twothird">
89+
<div class="w3-container w3-card w3-white w3-margin-bottom">
90+
<h2 class="w3-text-grey w3-padding-16"><i class="fa fa-code fa-fw w3-margin-right w3-xxlarge w3-text-teal"></i>چیرگی‌ها</h2>
91+
<div class="w3-container">
92+
<p>برنامه‌نویسی Android با زبان Kotlin</p>
93+
<div class="w3-light-grey w3-round-xlarge w3-small">
94+
<div class="w3-container w3-teal w3-round-xlarge" style="width:80%">80%</div>
95+
</div>
96+
<p>HTML</p>
97+
<div class="w3-light-grey w3-round-xlarge w3-small">
98+
<div class="w3-container w3-teal w3-round-xlarge" style="width:56.5%">56.5%</div>
99+
</div>
100+
<p>Git و GitHub</p>
101+
<div class="w3-light-grey w3-round-xlarge w3-small">
102+
<div class="w3-container w3-teal w3-round-xlarge" style="width:40%">40%</div>
103+
</div>
104+
<p>Linux</p>
105+
<div class="w3-light-grey w3-round-xlarge w3-small">
106+
<div class="w3-container w3-teal w3-round-xlarge" style="width:20%">20%</div>
107+
</div>
108+
<hr>
109+
</div>
110+
<h2 class="w3-text-grey w3-padding-16"><i class="fa fa-language fa-fw w3-margin-right w3-xxlarge w3-text-teal"></i>زبان‌ها</h2>
111+
<p>فارسی [امروزی]</p>
112+
<div class="w3-light-grey w3-round-xlarge w3-small">
113+
<div class="w3-container w3-teal w3-round-xlarge" style="width:100%">چیره</div>
114+
</div>
115+
<p>پارسی [سره]</p>
116+
<div class="w3-light-grey w3-round-xlarge w3-small">
117+
<div class="w3-container w3-teal w3-round-xlarge" style="width:65%">پیشرفته</div>
118+
</div>
119+
<p>انگلیسی [American]</p>
120+
<div class="w3-light-grey w3-round-xlarge w3-small">
121+
<div class="w3-container w3-teal w3-round-xlarge" style="width:35%">The early B1</div>
122+
</div>
123+
<p>اسپانیایی</p>
124+
<div class="w3-light-grey w3-round-xlarge w3-small">
125+
<div class="w3-container w3-teal w3-round-xlarge" style="width:11.92%">very early A1</div>
126+
</div>
127+
<hr>
128+
</div>
129+
</div>
130+
</div>
131+
</div>
132+
</div>
133+
134+
<!-- Footer -->
135+
<footer class="w3-container w3-teal w3-center w3-margin-top">
136+
<p>من رو در تارهای همبودی (شبکه‌های اجتماعی) <a href="https://zil.ink/mahdi_dev" target="_blank">دنبال کنید</a>.</p>
137+
<i class="fa fa-twitter w3-hover-opacity"><a href="https://x.com/Mahdi0_Dev" target="_blank"> X</a></i>
138+
<p class="w3-small"><a href="https://github.com/Mahdi0dev/Mahdi0dev.github.io" target="_blank">کد بنخان (منبع) این تارنما</a> در GitHub در دسترس است.</p>
139+
</footer>
140+
10141
</body>
11-
</html>
142+
</html>

0 commit comments

Comments
 (0)