-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
101 lines (93 loc) · 4.47 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="MHR Shuvo" content="width=device-width, initial-scale=1.0">
<title>MHR Shuvo</title>
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<div class="banner-bg">
<div class="middle">
<header>
<a href="#" class="logo">MHR Shuvo</a>
<nav>
<ul>
<li><a href="index.html">home</a></li>
<li><a href="index.html">about</a></li>
<li><a href="index.html">cv</a></li>
<li><a href="index.html">resume</a></li>
<li><a href="index.html">contact</a></li>
</ul>
</nav>
</header>
<div class="banner-content">
<h1>Doctor for your all digital devices</h1>
<p class="sub">Ux/Ui expart & a student</p>
</div>
</div>
</div>
<div class="social-media">
<div class="middle">
<ul class="links">
<li>
<a href="https://www.facebook.com/mhr5huvo"><strong>Facebook</strong></a>
<span>test</span>
</li>
<li>
<a href="https://www.facebook.com/mhr5huvo"><strong>twitter</strong></a>
<span>test</span>
</li>
<li>
<a href="https://www.facebook.com/mhr5huvo"><strong>Whatsapp</strong></a>
<span>test</span>
</li>
<li>
<a href="https://www.facebook.com/mhr5huvo"><strong>github</strong></a>
<span>test</span>
</li>
<li>
<a href="https://www.facebook.com/mhr5huvo"><strong>repl.it</strong></a>
<span>test</span>
</li>
<li>
<a href="https://www.facebook.com/mhr5huvo"><strong>Codepen.io</strong></a>
<span>test</span>
</li>
</ul>
</div>
<div class="extended-social-media carousal-container">
<ul class="carousal">
<li>
<blockquote>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ex tenetur doloribus laborum accusamus nam iste quam commodi sapiente necessitatibus aut voluptate quia cum, architecto repellendus laboriosam officiis eligendi, dignissimos fuga?Provident deleniti eos deserunt nulla numquam? Alias, tempora doloremque? Facilis sed eius necessitatibus, deserunt illo eveniet nam quia, dolorem assumenda accusamus alias tenetur dignissimos,</blockquote>
<cite>lorem ipsum</cite>
</li>
<li>
<blockquote>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ex tenetur doloribus laborum accusamus nam iste quam commodi sapiente necessitatibus aut voluptate quia cum, architecto repellendus laboriosam officiis eligendi, dignissimos fuga?Provident deleniti eos deserunt nulla numquam? Alias, tempora doloremque? Facilis sed eius necessitatibus, deserunt illo eveniet nam quia, dolorem assumenda accusamus alias tenetur dignissimos,</blockquote>
<cite>lorem ipsum</cite>
</li>
</ul>
</div>
</div>
<div class="middle move-up v-paddding">
<h2>Instituation I've studied..</h2>
<ul class="instituation">
<li><img src="./resources/Rectangle.svg" alt="iubat" class="i-logo"></li>
<li><img src="./resources/001111.png" alt="BAghc" class="i-logo"></li>
<li><img src="./resources/download.jpg" alt="bncd" class="i-logo"></li>
</ul>
</div>
<div class="c-form">
<div class="middle">
<form class="form">
<input type="text" class="name entry " placeholder="Your Name"/>
<input type="text" class="email entry" placeholder="Email"/>
<textarea class="message entry" placeholder="Message"></textarea>
<button class="submit entry" onclick="thanks()">Submit</button>
</form>
<div class="shadow"></div>
</div>
</div>
</div>
</body>
</html>