File size: 4,275 Bytes
e65551b |
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 |
<html lang="en">
<head>
<meta charset="utf-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<title>PneumonAI</title>
<script src="https://cdn.tailwindcss.com"></script>
<link
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&display=swap"
rel="stylesheet"
/>
<link
rel="icon"
href="{{ url_for('static', filename='logo.png') }}"
type="image/x-icon"
/>
<style>
body {
font-family: "Nunito", sans-serif;
}
.blue {
background-color: #0099ff;
}
.dongker {
color: #01095e;
}
.bg {
background-color: rgba(0, 153, 255, 0.65);
}
.bdr {
border: 2px solid #0099ff;
}
</style>
</head>
<body class="bg-gray-50 text-gray-800">
<header class="bg-white shadow-lg sticky top-0 z-50">
<div
class="container mx-auto px-12 py-4 flex justify-between items-center"
>
<div class="flex items-center">
<img
alt="PneumonAI logo"
class="h-10 w-10 rounded-md"
height="40"
src="{{ url_for('static', filename='logo.png') }}"
width="40"
/>
<span class="ml-2 text-2xl font-bold dongker"> PneumonAI </span>
</div>
<nav class="flex space-x-4 items-center">
<a class="hover:text-blue-500" href="{{ url_for('home') }}"> Home </a>
<a class="hover:text-blue-500" href="{{ url_for('about') }}">
About Us
</a>
<a
class="blue text-white px-4 py-2 rounded-full hover:bg-blue-500"
href="{{ url_for('home') }}#detect"
>
Start Detecting
</a>
</nav>
</div>
</header>
<main class="text-center py-16">
<h1 class="text-5xl font-bold dongker pt-8">Our Mission:</h1>
<h2 class="text-5xl font-bold dongker mt-2">
Merging Technology and Health
</h2>
<p class="mt-6 pt-12 text-lg max-w-4xl mx-auto pb-8">
We are a team dedicated to creating AI solutions that enhance healthcare
for everyone. With expertise in both technology and medicine, our goal
is to make disease diagnosis faster, easier, and more accurate. Meet the
people behind this innovation and join us in shaping a healthier future.
</p>
</main>
<section class="bg py-16 pt-24 pb-24">
<h2 class="text-5xl font-bold text-center dongker pb-12">
Meet Our Team
</h2>
<div class="flex justify-center space-x-8 mt-8">
<div
class="bg-white p-6 rounded-xl shadow-lg text-center min-w-[225px]"
>
<img
alt="Profile picture of Bernard Santosa"
class="mx-auto rounded-full"
height="150"
src="{{ url_for('static', filename='person1.jpg') }}"
width="150"
/>
<p class="mt-4 text-lg font-semibold">Bernard Santosa</p>
</div>
<div
class="bg-white p-6 rounded-xl shadow-lg text-center min-w-[225px]"
>
<img
alt="Profile picture of Filbert Naldo Wijaya"
class="mx-auto rounded-full"
height="150"
src="{{ url_for('static', filename='person2.jpg') }}"
width="150"
/>
<p class="mt-4 text-lg font-semibold">Filbert Naldo Wijaya</p>
</div>
<div
class="bg-white p-6 rounded-xl shadow-lg text-center min-w-[225px]"
>
<img
alt="Profile picture of Edberg"
class="mx-auto rounded-full"
height="150"
src="{{ url_for('static', filename='person3.png') }}"
width="150"
/>
<p class="mt-4 text-lg font-semibold">Edberg</p>
</div>
</div>
</section>
<footer class="text-center py-4">
<p>Copyright © 2024 PneumonAI</p>
</footer>
</body>
</html>
|