diff options
-rw-r--r-- | Screenshot_2021-07-02_12-20-32.png | bin | 0 -> 33662 bytes | |||
-rw-r--r-- | Screenshot_2021-07-02_14-15-19.png | bin | 0 -> 669930 bytes | |||
-rw-r--r-- | Screenshot_2021-07-03_19-30-38.png | bin | 0 -> 123257 bytes | |||
-rw-r--r-- | Screenshot_2021-07-03_19-31-24.png | bin | 0 -> 565215 bytes | |||
-rw-r--r-- | Screenshot_2021-07-04_13-45-33.png | bin | 0 -> 74334 bytes | |||
-rw-r--r-- | Screenshot_2021-07-04_13-49-33.png | bin | 0 -> 592165 bytes | |||
-rw-r--r-- | Screenshot_2021-07-04_14-52-46.png | bin | 0 -> 732419 bytes | |||
-rw-r--r-- | about.html | 111 | ||||
-rw-r--r-- | contact.html | 68 | ||||
-rw-r--r-- | index.html | 45 | ||||
-rw-r--r-- | pic1-transparent.png | bin | 0 -> 223477 bytes | |||
-rw-r--r-- | pic1.jpg | bin | 0 -> 87229 bytes | |||
-rw-r--r-- | pic1.png | bin | 0 -> 198153 bytes | |||
-rw-r--r-- | pic2.png | bin | 0 -> 182755 bytes | |||
-rw-r--r-- | register.php | 12 | ||||
-rw-r--r-- | style.css | 169 |
16 files changed, 405 insertions, 0 deletions
diff --git a/Screenshot_2021-07-02_12-20-32.png b/Screenshot_2021-07-02_12-20-32.png Binary files differnew file mode 100644 index 0000000..83d9950 --- /dev/null +++ b/Screenshot_2021-07-02_12-20-32.png diff --git a/Screenshot_2021-07-02_14-15-19.png b/Screenshot_2021-07-02_14-15-19.png Binary files differnew file mode 100644 index 0000000..3521dfa --- /dev/null +++ b/Screenshot_2021-07-02_14-15-19.png diff --git a/Screenshot_2021-07-03_19-30-38.png b/Screenshot_2021-07-03_19-30-38.png Binary files differnew file mode 100644 index 0000000..70eb675 --- /dev/null +++ b/Screenshot_2021-07-03_19-30-38.png diff --git a/Screenshot_2021-07-03_19-31-24.png b/Screenshot_2021-07-03_19-31-24.png Binary files differnew file mode 100644 index 0000000..590a7c0 --- /dev/null +++ b/Screenshot_2021-07-03_19-31-24.png diff --git a/Screenshot_2021-07-04_13-45-33.png b/Screenshot_2021-07-04_13-45-33.png Binary files differnew file mode 100644 index 0000000..9936910 --- /dev/null +++ b/Screenshot_2021-07-04_13-45-33.png diff --git a/Screenshot_2021-07-04_13-49-33.png b/Screenshot_2021-07-04_13-49-33.png Binary files differnew file mode 100644 index 0000000..6a9f7cf --- /dev/null +++ b/Screenshot_2021-07-04_13-49-33.png diff --git a/Screenshot_2021-07-04_14-52-46.png b/Screenshot_2021-07-04_14-52-46.png Binary files differnew file mode 100644 index 0000000..5dce714 --- /dev/null +++ b/Screenshot_2021-07-04_14-52-46.png 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>
diff --git a/contact.html b/contact.html new file mode 100644 index 0000000..bac4355 --- /dev/null +++ b/contact.html @@ -0,0 +1,68 @@ +<!DOCTYPE html>
+<html>
+<head>
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<style>
+body {
+ font-family: Arial, Helvetica, sans-serif;
+}
+
+* {
+ box-sizing: border-box;
+}
+
+.container {
+ border-radius: 5px;
+ padding: 10px;
+}
+
+.column {
+ float: left;
+ width: 50%;
+ margin-top: 6px;
+ padding: 20px;
+}
+
+.row:after {
+ content: "";
+ display: internal;
+ clear: both;
+}
+
+@media screen and (max-width: 600px) {
+ .column, input[type=submit] {
+ width: 100%;
+ margin-top: 0;
+ }
+}
+</style>
+</head>
+<body>
+<div style="text-align: center">
+<i><h1>!!! Contact Us !!!</h1></i>
+</div>
+<div class="container">
+ <div style="text-align:center">
+ <u><h2>Chandigarh University</h2>
+ <p>Get In Touch with Us</p></u>
+ </div>
+ <div class="row">
+ <div class="column">
+ <img src="https://i.ibb.co/fM8PJ65/download.png" alt="download" style="width:80%">
+ </div>
+ <div class="column">
+ <h2>Address</h2>
+ <address>NH-95, Ludhiana - Chandigarh State Hwy, Punjab 140413</address>
+ <br>
+ <h2>Phone</h2>
+ <address>1800 1212 88800</address>
+ <address>+91-8146948000 (General Enquiry)</address>
+ <address>+91-8146947000 (Technical Support)</address>
+ <br>
+ <h2>Email</h2>
+ <address>cucet@cumail.in</address>
+ </div>
+ </div>
+</div>
+</body>
+</html>
\ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..80e779e --- /dev/null +++ b/index.html @@ -0,0 +1,45 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width initial-scale=1"> + <title>Serverless Solutions</title> + <link rel="stylesheet" type="text/css" href="style.css"> + </head> + + <body> + + <nav> + <ul> + <a href="#">Home</a> + <a href="contact.html">Contact</a> + <a href="about.html">About</a> + </nav> + + <header> + <h1>Serverless Solutions</h1> + </header> + + <main> + <p>Deploy fast using our state-of-the-art servers that scale well to suit your needs.</p> + <p>Register now to get notified when we go live. First 2000 subscribers get free deployment for 6 months upto 4 vCPUs + 4 GB RAM + 25 GB SSD space</p> + + <form name="register" action="register.php" method="POST"> + <label id="email" name="email">Your email address</label><br> + <input type="email" id="email" name="email" class="email" placeholder="username@email.tld"> + <input type="submit" class="register" value="Register"> + </form> + + <figure> + <!-- The picture is purely for demonstration purposes and STRICTLY not for commercial use. All rights belong to OVHcloud. --> + <img src="pic2.png" alt="server"> + </figure> + </main> + + <footer> + © 2021 Serverless Solutions + </footer> + + </body> + +</html> diff --git a/pic1-transparent.png b/pic1-transparent.png Binary files differnew file mode 100644 index 0000000..84cb793 --- /dev/null +++ b/pic1-transparent.png diff --git a/pic1.jpg b/pic1.jpg Binary files differnew file mode 100644 index 0000000..42bd43e --- /dev/null +++ b/pic1.jpg diff --git a/pic1.png b/pic1.png Binary files differnew file mode 100644 index 0000000..95c2a06 --- /dev/null +++ b/pic1.png diff --git a/pic2.png b/pic2.png Binary files differnew file mode 100644 index 0000000..dd84305 --- /dev/null +++ b/pic2.png diff --git a/register.php b/register.php new file mode 100644 index 0000000..f819b19 --- /dev/null +++ b/register.php @@ -0,0 +1,12 @@ +<?php +$db_handle = pg_connect("host=localhost dbname=project user=postgres"); +$query = "insert into emails(email) values ('$_POST[email]')"; +$result = pg_query($db_handle, $query); +if ($result) { + echo 'Registered successfully.'; +} +else { + echo 'Already registered.<br>If you are sure this is not the case then please contact the site administrator immediately.'; +} +pg_close($db_handle); +?>
\ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..84f741c --- /dev/null +++ b/style.css @@ -0,0 +1,169 @@ +@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@800&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@600&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap'); + +html { + height: 100%; +} + +body { + background-image: linear-gradient(135deg, #266bff, #59cfa3); + background-repeat: no-repeat; + color: white; +} + +header, main, footer { + margin-left: 100px; + padding-top: 10px; +} + +header { + font-family: 'Raleway', sans-serif; + font-size: 250%; +} + +main { + font-family: 'Lato', sans-serif; +} + +footer { + padding-top: 200px; +} + +p { + font-size: 125%; +} + +form { + border-radius: 15px; + background-image: linear-gradient(315deg, #266bff, #59cfa3); + padding: 25px 10px; + width: fit-content; +} + +.email { + margin-top: 15px; + height: 25px; + border: none; + border-radius: 10px; + padding: 12px 20px; + width: 350px; +} + +input[type=submit] { + background-color: #59cfa3; + color: white; + margin-left: 15px; + padding: 12px 20px; + border: none; + border-radius: 10px; + cursor: pointer; + font-family: 'Raleway', sans-serif; + font-size: 125%; +} + +label { + font-family: 'Raleway', sans-serif; + font-size: 200%; +} + +nav { + float: right; + margin-top: 25px; + margin-right: 100px; +} + +a { + font-family: 'Raleway', sans-serif; + font-size: 135%; + color: white; + padding: 14px 25px; + text-align: center; + text-decoration: none; +} + +a:hover, a:active{ + background-color: rgb(75, 207, 207); + border-radius: 25px; + transition: 0.5s; +} + +figure { + float: right; + margin-top: -150px; + margin-right: 200px; + max-width: 100%; + min-width: none; + height: auto; +} + +/* too tired to remove code duplication and I am afraid things will break; +is this what legacy programs feel like? Yikes!*/ +@media all and (max-width: 768px) { + body + { + position: absolute; + text-align:center; + } + + header { + margin-top: 100px; + } + + nav { + float: center; + margin-top: 25px; + } + + header, main, footer { + margin-left: 0px; + padding: 0px; + } + + a, form { + margin-left: auto; + margin-right: auto; + width: fit-content; + } + .email { + margin-bottom: 20px; + } +} + + +/* here we define rules for mobile devices */ +@media all and (max-width: 480px) { + body + { + background-size: cover; + background-image: none; + background-color:rgb(75, 143, 207); + position:absolute; + text-align:center; + margin: 0px; + padding: 0px; + } + + header { + margin-top: 100px; + } + + nav { + float: center; + margin-top: 25px; + } + + header, main, footer { + margin-left: 0px; + padding: 0px; + } + + form { + margin-left: auto; + margin-right: auto; + width: fit-content; + } + .email { + margin-bottom: 20px; + } +} |