-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
151 lines (131 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
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>Find Your Doctor</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link defer rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.0/css/all.css" />
<link rel="icon" href="https://twemoji.maxcdn.com/v/13.0.1/72x72/1f468-1f3fc-200d-2695-fe0f.png" />
<script defer src="script.js"></script>
</head>
<body>
<div class="container">
<!--────────────────Header───────────────-->
<header id="header" class="header">
<a class="logo" href="#home"> </a>
<nav>
<ul class="nav-bar">
<div class="bg"></div>
<li><a class="nav-link active" href="#home">Home</a></li>
<li><a class="nav-link" href="#projects">Find doctor</a></li>
<li><a class="nav-link" href="#contact">About us</a></li>
</ul>
<div class="hamburger">
<div class="line1"></div>
<div class="line2"></div>
<div class="line3"></div>
</div>
</nav>
</header>
<main>
<!--─────────────────Home────────────────-->
<div id="home">
<div class="filter"></div>
<section class="intro">
<h1> Find Your Doctor </h1>
<p>Find Your Doctor’s Purposes to create a perfect guide for your city based on your experience</p>
<p>and contribution so that anyone can easily find their preferred Doctor according to their
problems.</p>
<button class="button"><a href="https://www.worldometers.info/coronavirus/"
target="_blank"><span>Get the latest update of Coronavirus</span></a></button>
</section>
</div>
<!--───────────────Projects───────────────-->
<div id="projects">
<h2>
Find Doctor
<hr />
</h2>
<p>Submit the form to find your result</p>
<div class="work-box">
<div class="work">
<!--───────────────card───────────────-->
<!-- Simple Card for projects, work experiences or whatever -->
<div class="simple-card">
<h3 class="work-title">Submit Data</h3>
<!-- .. -->
<h4>Contact us today, and get reply with in 24 hours!</h4>
<fieldset>
<input placeholder="Your name" type="text" tabindex="1" required autofocus>
</fieldset>
<fieldset>
<input placeholder="Your Email Address" type="email" tabindex="2" required>
</fieldset>
<fieldset>
<input placeholder="Your Phone Number" type="tel" tabindex="3" required>
</fieldset>
<fieldset>
<input placeholder="Your Web Site starts with http://" type="url" tabindex="4" required>
</fieldset>
<fieldset>
<textarea placeholder="Type your Message Here...." tabindex="5" required></textarea>
</fieldset>
<fieldset>
<button name="submit" type="submit" id="contact-submit"
data-submit="...Sending">Submit</button>
</fieldset>
</form>
<!-- .. -->
</div>
<div class="simple-card">
<h3 class="work-title">Result</h3>
<p class="work-description">Project description. Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
</div>
</div>
<!--──────────────Contact────────────────-->
<div id="contact">
<!--────social media links─────-->
<h2>
About us
<hr />
</h2>
<div class="work-box">
<div class="work">
<div class="simple-card">
<h3 class="work-title">Shahriar Shafin</h3>
<p class="work-description">Front-end and Product Designer.
</p>
<a class="work-link" href="https://github.com/ShahriarShafin" target="_blank"><i
class='fab fa-linkedin-in'></i></a>
</div>
<div class="simple-card">
<h3 class="work-title">Sabbir Hossain</h3>
<p class="work-description">Back-end and Database Management.
</p>
<a class="work-link" href="https://github.com/SabbirHosen" target="_blank"><i
class='fab fa-linkedin-in'></i></a>
</div>
</div>
</div>
<p>Feel free to contact me on my social media.</p>
<div class="social-media">
<a href="#" target="_blank"><i class="fab fa-codepen"></i></a>
<a href="#" target="_blank"><i class="fab fa-twitter"></i></a>
<a href="#" target="_blank"><i class="fab fa-github"></i></a>
<a href="#" target="_blank"><i class="fab fa-linkedin-in"></i></a>
<a href="#" target="_blank"><i class="fab fa-youtube"></i></a>
</div>
</div>
</main>
<footer class="copyright">
<a href="index.html#home" target="_blank"> Copyright© 2020 | Find Your Doctor | ALL rights reserved </a>
</footer>
</div>
</body>
</html>