-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
82 lines (78 loc) · 3.45 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="shortcut icon" href="#" />
<link rel="stylesheet" href="style.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Sorts+Mill+Goudy:ital@0;1&display=swap" rel="stylesheet" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap" rel="stylesheet" />
<title>Document</title>
</head>
<body>
<header>
<nav>
<a href="#" class="active">Home</a>
<a href="/about.html">About</a>
<a href="/pages/contact.html">Contact</a>
</nav>
<img src="./images/untitledh-removebg-preview-2.png" alt="" />
</header>
<main>
<div>
<h1>Welcome to our Aoun Insurance interface!</h1>
<p>
We are here to assist you in making informed financial decisions. To provide you with accurate insurance estimates, we kindly request your personal information. Rest assured that ensuring the confidentiality and security of your data is our utmost priority.
By providing your information, you can make well informed choices about your financial well being.
</p>
<button id="start-btn">Start Now</button>
</div>
<img src="./images/med final.png" alt="" />
</main>
<footer>
<div>
<h1>Medical Insurance</h1>
<a href="/about.html">About Us</a>
<a href="/pages/contact.html">Contact</a>
<div>
<a href="https://twitter.com/auon_insurance">
<img src="./images/twitter.svg" alt="twitter" srcset="" />
</a>
<a href="https://sa.linkedin.com/in/auon-insurance-24bb7b2b9">
<img src="./images/linkedin.svg" alt="linkedin" srcset="" />
</a>
</div>
</div>
<small>2024 Medical Insurance ©</small>
</footer>
<div id="popup" class="popup-back">
<div class="box">
<a href="./pages/prediction.html">
<svg xmlns="http://www.w3.org/2000/svg" width="19" height="20" viewBox="0 0 19 20" fill="none">
<path
d="M19 1.32074L17.7452 0L9.5 8.6792L1.25481 0L0 1.32074L8.24525 10L0 18.6793L1.25481 20L9.5 11.3208L17.7452 20L19 18.6793L10.7548 10L19 1.32074Z"
fill="#38B6F8"
/>
</svg>
</a>
<h2>Let's Get Started</h2>
<hr />
<form id="firstForm">
<div>
<label for="popup-input">Please enter your name or email: </label>
<input name="name" id="popup-input" type="text" />
</div>
<button id="submitBt">Submit</button>
</form>
</div>
</div>
<script src="./script.js"></script>
</body>
</html>