-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
116 lines (110 loc) · 4.98 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
<!DOCTYPE html>
<html lang="en" dir="rtl">
<head>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1">
<title>Dorrin's Resume</title>
<script src="node_modules/@fortawesome/fontawesome-free/js/all.js"></script>
<script src="index.js"></script>
</head>
<body>
<nav>
<a class="active center" href="index.html">درباره من</a>
<a class="center" href="pages/skills.html">مهارت‌های من</a>
<a class="center" href="pages/achievements.html">افتخارات من</a>
<a class="title-card" href="index.html">Dorrin's Resume</a>
</nav>
<main>
<section class="main-card">
<h1 class="card-title">درباره من</h1>
<hr class="card-title-divider"/>
<img class="pos-absolute main-card-img" src="assets/img/pfp.jpg">
<h2 class="my-name">درین ستوده</h2>
<h3 class="my-exp">توسعه دهنده فلاتر</h3>
<p class="w-50 my-bio">
دانشجوی ترم پنجم مهندسی کامپیوتر هستم.
در بهار ۱۴۰۰ درس برنامه‌سازی موبایل را اخذ کردم که در آن با نحوه طراحی برنامه‌های مدرن حوزه موبایل آشنا شدیم.<br>
در حوزه Android شش ماه سابقه کار در برنامه‌ی متن‌باز Anki-Android را دارم و از تابستان ۱۴۰۰ با تعدادی از دوستانم
در حال توسعه یک بازی آموزشی برپایه Flutter هستیم.
</p>
<div class="disp-inline-block uni-time" style="width: 60%">
<h4 class="contact-info-title">سابقه تحصیلی من</h4>
<div id="uni-time-table" class="disp-inline-block">
<i class="fas fa-graduation-cap disp-inline-block"></i>
<div class="disp-inline-block">
<h3 class="no-m">کارشناسی مهندسی کامپیوتر</h3>
<h4 class="no-m">دانشگاه صنعتی شریف</h4>
<p class="no-m">۱۳۹۸-اکنون</p>
</div>
</div>
</div>
<div class="disp-inline-block">
<h4 class="contact-info-title">اطلاعات تماسی من</h4>
<div id="contact-info-table" class="no-m">
<i class="fas fa-envelope"></i>
<a href="mailto:dorrin@gmail.com">dorrin@gmail.com</a><br>
<i class="fas fa-mobile"></i>
<p>0912-1234567</p><br>
<i class="fas fa-phone"></i>
<p>021-44112233</p><br>
<i class="fas fa-globe"></i>
<a href="#">dorrinsresume.com</a><br>
<i class="fas fa-map-marker-alt"></i>
<p>تهران</p>
</div>
</div>
</section>
</main>
<div class="modal">
<div class="modal-content">
<span class="close" onclick="dialogDismiss(0)">×</span><br><br>
<h3>آیا از ارسال این پیام اطمینان دارید؟</h3>
<ul>
<li><span class="key">نام </span><span class="value"></span></li>
<li><span class="key">نام خانوادگی </span><span class="value"></span></li>
<li><span class="key">ایمیل </span><span class="value"></span></li>
<li><span class="key">پیام </span><span class="value"></span></li>
</ul>
<div class="btn-bar">
<button onclick="confirmContactForm()">بله</button>
<button onclick="dialogDismiss(0)">خیر</button>
</div>
</div>
</div>
<div class="modal success">
<div class="modal-content">
<span class="close" onclick="dialogDismiss(1)">×</span><br><br>
<h3 style="text-align: center">پیام شما با موفقیت ارسال شد :)</h3>
<div class="btn-bar">
<button onclick="dialogDismiss(1)">اوکی</button>
</div>
</div>
</div>
<footer class="pos-absolute w-100">
<div class="contact-us pos-absolute">
<p class="title">تماس با من</p>
<div class="socials">
<a href="https://stackoverflow.com/users/12725405/dorrineeee" target="_blank"><i
class="fab fa-stack-overflow"></i></a>
<a href="https://github.com/dorrin-sot" target="_blank"><i class="fab fa-github"></i></a>
<a href="#"><i class="fab fa-youtube"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-facebook"></i></a>
<a href="#"><i class="fab fa-google-plus"></i></a>
</div>
<p class="title title-2">ارتباط با من</p>
<form class="contact-form" onsubmit="return false">
<input id="fname" type="text" placeholder="نام" required>
<input id="sname" type="text" placeholder="نام خانوادگی" required>
<input id="email" type="email" placeholder="ایمیل" required>
<textarea id="msg" placeholder="حرف دل" required></textarea>
<button type="submit" onclick="submitContactForm()">ارسال</button>
</form>
</div>
</footer>
</body>
<link rel="stylesheet" href="css/navbar.css"/>
<link rel="stylesheet" href="css/main-styles.css"/>
<link rel="stylesheet" href="css/intro-styles.css"/>
<link rel="stylesheet" href="css/modal-toast-styles.css"/>
</html>