-
Notifications
You must be signed in to change notification settings - Fork 15
/
Copy pathindex.html
110 lines (106 loc) · 4.66 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Doctor Appointment Landing Page</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<section class="main-header">
<div class="overlay">
<div class="container">
<header>
<h1>Logo</h1>
<div class="nav"><a href="blog.html">Blog</a><a href="">Register</a><a class="active" href="">Login</a></div>
<div class="menu"><i class="fa fa-bars"></i></div>
</header>
<div class="content">
<div class="content-wrapper">
<h2 class="blob">Get Answers to medical questions by medical expert, quickly and free.</h2>
<div class="button-wrapper">
<div class="button work">How it works<span><i class="fa fa-arrow-down"></i></span></div>
<div class="button ask">Ask Your First Question</div>
=======
<section class="main-header">
<div class="overlay">
<div class="container">
<header>
<h1>Logo</h1>
<div class="nav" id="navbar"><a href="">Blog</a><a href="">Register</a><a class="active" href="">Login</a></div>
<div class="menu" id="hamburger-menu"><i class="fa fa-bars"></i></div>
</header>
<div class="content">
<div class="content-wrapper">
<h2 class="blob">Get medical advice from certified experts, fast and free.</h2>
<div class="button-wrapper">
<div class="button work">How it works<span><i class="fa fa-arrow-down"></i></span></div>
<div class="button ask">Ask Your First Question</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="how-it-works">
<div class="container">
<div class="intro">Are you a medical professional?<span>Join Us as an Expert<i class="fa fa-arrow-right"></i></span></div>
<div class="slug">Getting started takes just a few minutes</div>
<div class="title">How Does It Work?</div>
<div class="content">Our platform connects you with licensed medical professionals who can answer your health-related questions. Simply create an account, submit your question, and get personalized responses from certified doctors.</div>
<div class="icon-wrapper">
<div class="icon"><i class="fa fa-heart"></i>
<p>Create a Medical Profile</p>
</div>
<div class="icon"><i class="fa fa-question"></i>
<p>Submit Your Question</p>
</div>
<div class="icon"><i class="fa fa-comments"></i>
<p>Chat with a Doctor</p>
</div>
<div class="icon"><i class="fa fa-coffee"></i>
<p>Live Healthier</p>
</div>
</div>
</div>
</section>
<section id="question">
<div class="title">Ask Your Medical Question</div>
<div class="content">Describe your symptoms or concerns, and one of our doctors will provide advice tailored to your situation. Whether it's a minor issue or a serious condition, we are here to help.</div>
<div class="form">
<input type="text" placeholder="Describe your health issue"/><i class="fa fa-arrow-right"></i>
</div>
</section>
<section id="talk">
<div class="col-wrapper">
<div class="col-50">
<div class="title">Talk to an Expert</div>
<div class="content">Connect with certified medical professionals through our platform. Whether you have follow-up questions or need detailed advice, our experts are available to assist you.</div>
<div class="options">
<ul>
<li><span><i class="fa fa-check"></i></span>Chat with an expert in real-time</li>
<li><span><i class="fa fa-check"></i></span>Send images or documents for a more accurate diagnosis</li>
</ul>
</div>
</div>
<div class="col-50"></div>
</div>
</section>
<section id="signup">
<div class="slug">Ready to take the next step?</div>
<div class="title">Speak with a medical expert today!</div>
<div class="content">Sign up now to access fast and reliable medical advice from professionals. Whether it's urgent or routine, our doctors are here to assist you in improving your health.</div>
<div class="button-wrapper">
<button class="highlight">Sign Up Now</button>
<button>Contact Us</button>
</div>
</section>
<section id="social-media">
<!-- Social media section can be added here if needed -->
</section>
<script src="script.js"></script>
</body>
</html>