-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
97 lines (90 loc) · 2.92 KB
/
contact.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Contact Me</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="styles.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body>
<div class="p-5 bg-primary text-white text-center">
<h1>Contact With Me</h1>
<p>I Always Looking For Opportunity To Get Better!</p>
</div>
<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
<div class="container-fluid">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="index.html">About Me</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="contact.html">Contact Me</a>
</li>
</ul>
</div>
</nav>
<div class="container mt-5">
<div class="row">
<div class="col-sm-4">
<h2>My Recommendations</h2>
<hr />
<p>I believe that we're living in the past of our future. If we want the best future possible, we have to work
hard and smart today. So, let's roll up our sleeves and get to work! 🛠⏳
</p>
<p3 class="mt-4">Keep learning, keep growing, and stay curious! Until next time. 👋</p3>
<p />
<h4>Wish You The Best...</h4>
<h3 class="mt-4">Pages</h3>
<p>My personal webpage</p>
<ul class="nav nav-pills flex-column">
<li class="nav-item">
<a class="nav-link" href="index.html">About Me</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="contact.html">Contact Me</a>
</li>
</ul>
<hr class="d-sm-none">
</div>
<div class="col-sm-8">
<div class="container mt-3">
<h2>Some Ways To Reach Me.</h2>
<hr />
<p>Social media acounts</p>
<table class="table table-striped">
<thead>
<tr>
<th>Application</th>
<th>Username</th>
</tr>
</thead>
<tbody>
<tr>
<td>Github</td>
<td>AmirMahdi-Tizchang</td>
</tr>
<tr>
<td>Gmail</td>
<td>[email protected]</td>
</tr>
<tr>
<td>Instagram</td>
<td>tizchangaamirmahdi</td>
</tr>
<tr>
<td>Facebook</td>
<td>Amirmahdi Tizchang</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="mt-5 p-4 bg-dark text-white text-center">
<p>Created by <a href="https://github.com/AmirMahdi-Tizchang">Amirmahdi Tizchang</a></p>
</div>
</body>
</html>