summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat
-rw-r--r--Screenshot_2021-07-02_12-20-32.pngbin0 -> 33662 bytes
-rw-r--r--Screenshot_2021-07-02_14-15-19.pngbin0 -> 669930 bytes
-rw-r--r--Screenshot_2021-07-03_19-30-38.pngbin0 -> 123257 bytes
-rw-r--r--Screenshot_2021-07-03_19-31-24.pngbin0 -> 565215 bytes
-rw-r--r--Screenshot_2021-07-04_13-45-33.pngbin0 -> 74334 bytes
-rw-r--r--Screenshot_2021-07-04_13-49-33.pngbin0 -> 592165 bytes
-rw-r--r--Screenshot_2021-07-04_14-52-46.pngbin0 -> 732419 bytes
-rw-r--r--about.html111
-rw-r--r--contact.html68
-rw-r--r--index.html45
-rw-r--r--pic1-transparent.pngbin0 -> 223477 bytes
-rw-r--r--pic1.jpgbin0 -> 87229 bytes
-rw-r--r--pic1.pngbin0 -> 198153 bytes
-rw-r--r--pic2.pngbin0 -> 182755 bytes
-rw-r--r--register.php12
-rw-r--r--style.css169
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
new file mode 100644
index 0000000..83d9950
--- /dev/null
+++ b/Screenshot_2021-07-02_12-20-32.png
Binary files differ
diff --git a/Screenshot_2021-07-02_14-15-19.png b/Screenshot_2021-07-02_14-15-19.png
new file mode 100644
index 0000000..3521dfa
--- /dev/null
+++ b/Screenshot_2021-07-02_14-15-19.png
Binary files differ
diff --git a/Screenshot_2021-07-03_19-30-38.png b/Screenshot_2021-07-03_19-30-38.png
new file mode 100644
index 0000000..70eb675
--- /dev/null
+++ b/Screenshot_2021-07-03_19-30-38.png
Binary files differ
diff --git a/Screenshot_2021-07-03_19-31-24.png b/Screenshot_2021-07-03_19-31-24.png
new file mode 100644
index 0000000..590a7c0
--- /dev/null
+++ b/Screenshot_2021-07-03_19-31-24.png
Binary files differ
diff --git a/Screenshot_2021-07-04_13-45-33.png b/Screenshot_2021-07-04_13-45-33.png
new file mode 100644
index 0000000..9936910
--- /dev/null
+++ b/Screenshot_2021-07-04_13-45-33.png
Binary files differ
diff --git a/Screenshot_2021-07-04_13-49-33.png b/Screenshot_2021-07-04_13-49-33.png
new file mode 100644
index 0000000..6a9f7cf
--- /dev/null
+++ b/Screenshot_2021-07-04_13-49-33.png
Binary files differ
diff --git a/Screenshot_2021-07-04_14-52-46.png b/Screenshot_2021-07-04_14-52-46.png
new file mode 100644
index 0000000..5dce714
--- /dev/null
+++ b/Screenshot_2021-07-04_14-52-46.png
Binary files differ
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>
+ &copy; 2021 Serverless Solutions
+ </footer>
+
+ </body>
+
+</html>
diff --git a/pic1-transparent.png b/pic1-transparent.png
new file mode 100644
index 0000000..84cb793
--- /dev/null
+++ b/pic1-transparent.png
Binary files differ
diff --git a/pic1.jpg b/pic1.jpg
new file mode 100644
index 0000000..42bd43e
--- /dev/null
+++ b/pic1.jpg
Binary files differ
diff --git a/pic1.png b/pic1.png
new file mode 100644
index 0000000..95c2a06
--- /dev/null
+++ b/pic1.png
Binary files differ
diff --git a/pic2.png b/pic2.png
new file mode 100644
index 0000000..dd84305
--- /dev/null
+++ b/pic2.png
Binary files differ
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;
+ }
+}
generated by cgit v1.2.3 (git 2.25.1) at 2024-10-18 08:45:10 +0000