pclubuiet · Mahir-G · May 4, 2018
diff --git a/website2/album.css b/website2/album.css
@@ -0,0 +1,92 @@
+
+:root {
+  --jumbotron-padding-y: 3rem;
+}
+
+.jumbotron {
+  padding-top: 5px;
+  padding-bottom: var(--jumbotron-padding-y);
+  margin-bottom: 0;
+  background-color: #fff;
+}
+@media (min-width: 768px) {
+  .jumbotron {
+  /*  padding-top: calc(var(--jumbotron-padding-y) * 2);*/
+    padding-bottom: calc(var(--jumbotron-padding-y) * 2);
+  }
+}
+
+.jumbotron p:last-child {
+  margin-bottom: 0;
+}
+
+.jumbotron-heading {
+  font-weight: 700;
+}
+
+.lead{
+  font-weight: 200;
+}
+
+.jumbotron .container {
+
+}
+
+.cover-container {
+  height:40px;
+}
+
+.masthead-brand {
+  margin-bottom: 0;
+
+}
+
+.nav-masthead .nav-link {
+  padding: .25rem 0;
+  font-weight: 700;
+  color: rgba(255, 255, 255, .5);
+  background-color: transparent;
+  border-bottom: .25rem solid transparent;
+}
+
+.nav-masthead .nav-link:hover,
+.nav-masthead .nav-link:focus {
+  border-bottom-color: rgba(255, 255, 255, .25);
+}
+
+.nav-masthead .nav-link + .nav-link {
+  margin-left: 1rem;
+}
+
+.nav-masthead .active {
+  color: #fff;
+  border-bottom-color: #fff;
+}
+
+@media (min-width: 48em) {
+  .masthead-brand {
+    float: left;
+  }
+  .nav-masthead {
+    float: right;
+  }
+}
+
+header{
+  margin-bottom: 60px;
+}
+
+
+footer {
+  padding-top: 3rem;
+  padding-bottom: 3rem;
+}
+
+footer p {
+  margin-bottom: .25rem;
+}
+
+.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }
+
+
+
diff --git a/website2/bootstrap-social.css b/website2/bootstrap-social.css
diff --git a/website2/bootstrap.min.css b/website2/bootstrap.min.css
diff --git a/website2/bootstrap.min.js b/website2/bootstrap.min.js
diff --git a/website2/cover.css b/website2/cover.css
@@ -0,0 +1,90 @@
+a,
+a:focus,
+a:hover {
+  color: #fff;
+}
+
+.btn-secondary,
+.btn-secondary:hover,
+.btn-secondary:focus {
+  color: #333;
+  text-shadow: none; 
+  background-color: #fff;
+  border: .05rem solid #fff;
+}
+
+
+html,
+body {
+  height: 100%;
+  background-color: #333;
+}
+
+body {
+  display: -ms-flexbox;
+  display: flex;
+  color: #fff;
+  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
+  box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
+}
+
+.cover-container {
+  max-width: 42em;
+}
+
+
+.masthead {
+  margin-bottom: 2rem;
+}
+
+.masthead-brand {
+  margin-bottom: 0;
+}
+
+.nav-masthead .nav-link {
+  padding: .25rem 0;
+  font-weight: 700;
+  color: rgba(255, 255, 255, .5);
+  background-color: transparent;
+  border-bottom: .25rem solid transparent;
+}
+
+.nav-masthead .nav-link:hover,
+.nav-masthead .nav-link:focus {
+  border-bottom-color: rgba(255, 255, 255, .25);
+}
+
+.nav-masthead .nav-link + .nav-link {
+  margin-left: 1rem;
+}
+
+.nav-masthead .active {
+  color: #fff;
+  border-bottom-color: #fff;
+}
+
+@media (min-width: 48em) {
+  .masthead-brand {
+    float: left;
+  }
+  .nav-masthead {
+    float: right;
+  }
+}
+
+
+.cover {
+  padding: 0 1.5rem;
+}
+.cover .btn-lg {
+  padding: .75rem 1.25rem;
+  font-weight: 700;
+}
+
+
+.mastfoot {
+  color: rgba(255, 255, 255, .5);
+}
+
+
+d-flex{display:-ms-flexbox!important;display:flex!important}
diff --git a/website2/holder.min.js b/website2/holder.min.js
diff --git a/website2/home2.html b/website2/home2.html
@@ -0,0 +1,66 @@
+
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="description" content="">
+    <meta name="author" content="">
+
+
+    <title>Programming Club</title>
+	<style type="text/css">
+		.bgimg {
+    background-image: url('image2.jpg');
+    min-height: 100%;
+    background-position: center;
+    background-size: cover;} 
+
+	#ownership {
+		color: white;
+	}
+	</style>
+
+    <link href="bootstrap.min.css" rel="stylesheet">
+    <link href="cover.css" rel="stylesheet">
+  </head>
+
+  <body class="text-center bgimg">
+
+    <div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
+      <header class="masthead mb-auto">
+        <div class="inner">
+          <h3 class="masthead-brand">PClub</h3>
+          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHeader" aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+          </button>
+          <nav class="nav nav-masthead justify-content-center" id="navbarHeader">
+            <a class="nav-link active" href="home2." id="home">Home</a>
+            <a class="nav-link" href="resources.html" id="resources">Resources</a>
+            <a class="nav-link" href="login.html" id="login">Login</a>
+          </nav>
+        </div>
+      </header>
+
+      <main class="inner cover">
+        <h1 class="cover-heading">Programming Club</h1>
+        <h5 class="cover-heading">UIET, Panjab University</h5>
+        <p class="lead">Programming club is one of the biggest clubs of Panjab University. We aim and create a platform which allows students to gain assistance and mentorship to enhance their ability. Our aim is to propagate the enthusiasm for programming in the institute. We believe that every student should have an opportunity to learn how to code and we help them develop that passion for it.</p> 
+      </main>
+
+      <footer class="mastfoot mt-auto">
+		<div class="inner cover-footer-text">
+
+          <p id="ownership">Copyright 2017 © Programming Club,UIET. All Rights Reserved. </p>
+        </div>
+      </footer>
+    </div>
+
+
+    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+    <script>window.jQuery || document.write('<script src="jquery-slim.min.js"><\/script>')</script>
+    <script src="popper.min.js"></script>
+    <script src="bootstrap.min.js"></script>
+  </body>
+</html>
diff --git a/website2/image2.jpg b/website2/image2.jpg
diff --git a/website2/jquery-slim.min.js b/website2/jquery-slim.min.js
diff --git a/website2/jumbo2.jpg b/website2/jumbo2.jpg
diff --git a/website2/login.css b/website2/login.css
@@ -0,0 +1,82 @@
+html,
+body {
+  height: 100%;
+}
+
+body {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+  align-items: center;
+  padding-top: 20px;
+  padding-bottom: 20px;
+  background-color: #f5f5f5;
+}
+
+.nav-masthead .nav-link {
+  padding: .25rem 0;
+  font-weight: 700;
+  color: rgba(255, 255, 255, .5);
+  background-color: transparent;
+  border-bottom: .25rem solid transparent;
+}
+
+.nav-masthead .nav-link:hover,
+.nav-masthead .nav-link:focus {
+  border-bottom-color: rgba(255, 255, 255, .25);
+}
+
+.nav-masthead .nav-link + .nav-link {
+  margin-left: 1rem;
+}
+
+.nav-masthead .active {
+  color: #fff;
+  border-bottom-color: #fff;
+}
+
+@media (min-width: 48em) {
+  .masthead-brand {
+    float: left;
+  }
+  .nav-masthead {
+    float: right;
+  }
+}
+
+.container{
+  flex:30%;
+  width: 100%
+}
+
+.form-signin {
+  width: 100%;
+  max-width: 330px;
+  padding: 15px;
+  flex:70%;
+}
+
+.container, .form-signin{
+  flex-direction: column;
+}
+
+.form-signin .form-control {
+  position: relative;
+  box-sizing: border-box;
+  height: auto;
+  padding: 10px;
+  font-size: 16px;
+}
+.form-signin .form-control:focus {
+  z-index: 2;
+}
+.form-signin input[type="email"] {
+  margin-bottom: -1px;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.form-signin input[type="password"] {
+  margin-bottom: 10px;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
diff --git a/website2/login.html b/website2/login.html
@@ -0,0 +1,55 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="description" content="">
+    <meta name="author" content="">
+
+    <title>Signin</title>
+
+    <link href="bootstrap.min.css" rel="stylesheet">
+    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet"/>
+    <link rel="stylesheet" type="text/css" href="bootstrap-social.css">
+    <link href="login.css" rel="stylesheet">
+
+    <style type="text/css">
+      .bgimg{
+        background-image: url("login3.jpg");
+        min-height: 100%;
+        background-position: center;
+        background-size: cover;
+      }
+    </style>
+  </head>
+
+  <body class="text-center bgimg container">
+    <header>
+      <div class="navbar">
+        <div class="container d-flex justify-content-between">
+          <a href="home2.html" class="navbar-brand d-flex align-items-center"> 
+          <h3 class="masthead-brand" style="color: white">PClub</h3>
+          </a>
+
+          <nav class="nav nav-masthead justify-content-center" id="navbarHeader">
+            <a class="nav-link" href="home2.html" id="home">Home</a>
+            <a class="nav-link" href="resources.html" id="resources">Resources</a>
+            <a class="nav-link active" href="login.html" id="login">Login</a>
+          </nav>
+        </div>
+      </div>
+    </header>
+
+    <form class="form-signin">
+      <h1 class="h3 mb-3 font-weight-normal">Sign in</h1>
+      <label for="inputEmail" class="sr-only">Email address</label>
+      <input type="email" id="inputEmail" class="form-control" placeholder="Email address" required autofocus>
+      <label for="inputPassword" class="sr-only">Password</label>
+      <input type="password" id="inputPassword" class="form-control" placeholder="Password" required>
+      <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button><br>
+      <a href="https://pclubuiet.herokuapp.com/oauth/login/github/" class="btn btn-social btn-github"><i class="fa fa-github"></i>Login with GitHub</a><br><br>
+      <a href="https://pclubuiet.herokuapp.com/oauth/login/google-oauth2/" class="btn btn-social btn-google"><i class="fa fa-google"></i>Login with Google</a>
+      <p class="mt-5 mb-3 text-muted">2017 © Programming Club,UIET.</p>
+    </form>
+  </body>
+</html>
diff --git a/website2/login3.jpg b/website2/login3.jpg
diff --git a/website2/popper.min.js b/website2/popper.min.js