diff options
| author | GNUxeava <bluenerd@protonmail.com> | 2022-03-08 22:08:45 +0530 |
|---|---|---|
| committer | GNUxeava <bluenerd@protonmail.com> | 2022-03-08 22:08:45 +0530 |
| commit | a426195b7e76fc9ed7959c7717fff434a9bbc44a (patch) | |
| tree | 3ad83b9d2807f954ceca057d805f9abc98bee4d8 /about.html | |
Diffstat (limited to 'about.html')
| -rw-r--r-- | about.html | 111 |
1 files changed, 111 insertions, 0 deletions
diff --git a/about.html b/about.html new file mode 100644 index 0000000..d085a62 --- /dev/null +++ b/about.html @@ -0,0 +1,111 @@ +<!DOCTYPE html>
+<html>
+<head>
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<style>
+body {
+ font-family: Arial, Helvetica, sans-serif;
+ margin: 0;
+}
+
+html {
+ box-sizing: border-box;
+}
+
+*, *:before, *:after {
+ box-sizing: inherit;
+}
+
+.column {
+ float: left;
+ width: 50%;
+ 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: grey;
+}
+
+@media screen and (max-width: 650px) {
+ .column {
+ width: 100%;
+ display: block;
+ }
+}
+</style>
+</head>
+<body>
+
+<div class="about-section">
+ <h1>About Us</h1>
+ <p>Group Members and Instructors Details</p>
+</div>
+
+<h2 style="text-align:center"> Instructors </h2>
+<div class="row">
+ <div class="column">
+ <div class="card">
+ <div class="container">
+ <h2>Palwinder Kaur Mangat</h2>
+ <p>Database Management</p>
+ </div>
+ </div>
+ </div>
+
+ <div class="column">
+ <div class="card">
+ <div class="container">
+ <h2>Priyanka Rawat</h2>
+ <p>Html, CSS and Javascript</p>
+ </div>
+ </div>
+ </div>
+
+<h2 style="text-align:center"> Group Members </h2>
+<div class="row">
+ <div class="column">
+ <div class="card">
+ <div class="container">
+ <h2>Aditya Kumar</h2>
+ <p class="title">Project Head</p>
+ <p>UID : 20BCS7555</p>
+ </div>
+ </div>
+ </div>
+
+ <div class="column">
+ <div class="card">
+ <div class="container">
+ <h2>Akash Bulla</h2>
+ <p class="title">Helping Hand</p>
+ <p>UID : 20BCS7581</p>
+ </div>
+ </div>
+ </div>
+</div>
+
+</body>
+</html>
|