File size: 3,808 Bytes
3a2f8cb |
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 152 153 154 155 156 157 158 159 |
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type = "image/x-icon" href="logo.png">
<title> About us</title>
<style>
body {
font-family: Arial, Helvetica, sans-serif;
margin: 0;
}
html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
.column {
float: left;
width: 25%;
margin-bottom: 16px;
padding: 0 8px;
}
.card {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
margin: 8px;
}
.about-section {
padding: 50px;
text-align: center;
background-color: #474e5d;
color: white;
}
.container {
padding: 0 16px;
}
.container::after, .row::after {
content: "";
clear: both;
display: table;
}
.title {
color: blue;
}
.button {
border: none;
outline: 0;
display: inline-block;
padding: 8px;
color: white;
background-color: #000;
text-align: center;
cursor: pointer;
width: 100%;
}
.button:hover {
background-color: #555;
}
@media screen and (max-width: 650px) {
.column {
width: 100%;
display: block;
}
}
</style>
</head>
<body style="background-color: lime;">
<div class="about-section">
<h1>About Us</h1>
<p>Welcome to HeartGuardian, your trusted ally in heart health. Our advanced predictor and chatbot combine
cutting-edge technology and medical expertise to empower you in managing heart disease risk. Discover
personalized insights and guidance for a healthier heart journey.</p>
</div>
<h2 style="text-align:center">Our Team</h2>
<div class="row">
<div class="column">
<div class="card">
<!-- <img src="/w3images/team1.jpg" alt="Jane" style="width:100%"> -->
<div class="container">
<h2>Pravesh Kumar</h2>
<p class="title">CEO & Founder</p>
<p> Working in Tata Consultancy Services, Graduated From Lovely Professional University Punjab.</p>
<p> Email Id-<br>praveshkumar.my255@gmail.com</p>
<p> mob. No.-8126853262</p>
<p><button class="button">Contact</button></p>
</div>
</div>
</div>
<div class="column">
<div class="card">
<!-- <img src="/w3images/team2.jpg" alt="Mike" style="width:100%"/> -->
<div class="container">
<h2>Sahil Raj</h2>
<p class="title">Data Scientist</p>
<p> Working in Honda Company, Graduated From Lovely Professional University Punjab.</p>
<p> Email Id-<br>razsahil121@gmail.com</p>
<p> mob. No.-9515395437</p>
<p><button class="button">Contact</button></p>
</div>
</div>
</div>
<div class="column">
<div class="card">
<!-- <img src="/w3images/team2.jpg" alt="Mike" style="width:100%"/> -->
<div class="container">
<h2>Gautam Kumar</h2>
<p class="title">Manager & Art Director</p>
<p> Working in Capgemini India, Graduated From Lovely Professional University Punjab.</p>
<p> Email Id-<br>krgauti678@gmail.com</p>
<p> mob. No.-9717618577</p>
<p><button class="button">Contact</button></p>
</div>
</div>
</div>
<div class="column">
<div class="card">
<!-- <img src="/w3images/team3.jpg" alt="John" style="width:100%"> -->
<div class="container">
<h2>Satyanand Kumar</h2>
<p class="title">Designer</p>
<p> Working in RINEX Technologies, Graduated From Lovely Professional University Punjab.</p>
<p> Email Id-<br>9771satyanandsharma@gmail.com</p>
<p> mob. No.-9958422947</p>
<p><button class="button">Contact</button></p>
</div>
</div>
</div>
</div>
</body>
</html>
|