From 7272112364a38709c14949c1a263839745c4d3ec Mon Sep 17 00:00:00 2001
From: RushilSidhu <49910626+RushilSidhu@users.noreply.github.com>
Date: Mon, 6 Jul 2020 13:21:24 -0400
Subject: [PATCH] Index side login panel addition
---
index Rushil S Copy.html | 255 +++++++++++++++++++++++++++++++++++++++
js/main.js | 2 +-
2 files changed, 256 insertions(+), 1 deletion(-)
create mode 100644 index Rushil S Copy.html
diff --git a/index Rushil S Copy.html b/index Rushil S Copy.html
new file mode 100644
index 0000000..f3a9a40
--- /dev/null
+++ b/index Rushil S Copy.html
@@ -0,0 +1,255 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>Brancher Influencer Sign Up</title>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+<!--===============================================================================================-->
+ <link rel="icon" type="image/png" href="css/res/inverse_branch.svg"/>
+<!--===============================================================================================-->
+ <link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css">
+<!--===============================================================================================-->
+ <link rel="stylesheet" type="text/css" href="css/fonts/font-awesome-4.7.0/css/font-awesome.min.css">
+<!--===============================================================================================-->
+ <link rel="stylesheet" type="text/css" href="css/fonts/Linearicons-Free-v1.0.0/icon-font.min.css">
+<!--===============================================================================================-->
+ <link rel="stylesheet" type="text/css" href="css/fonts/iconic/css/material-design-iconic-font.min.css">
+<!--===============================================================================================-->
+ <link rel="stylesheet" type="text/css" href="vendor/animate/animate.css">
+<!--===============================================================================================-->
+ <link rel="stylesheet" type="text/css" href="vendor/css-hamburgers/hamburgers.min.css">
+<!--===============================================================================================-->
+ <link rel="stylesheet" type="text/css" href="vendor/animsition/css/animsition.min.css">
+<!--===============================================================================================-->
+ <link rel="stylesheet" type="text/css" href="vendor/select2/select2.min.css">
+<!--===============================================================================================-->
+ <link rel="stylesheet" type="text/css" href="vendor/daterangepicker/daterangepicker.css">
+<!--===============================================================================================-->
+ <link rel="stylesheet" href="css/util.css">
+ <link rel="stylesheet" href="css/main.css">
+<!--===============================================================================================-->
+</head>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
+<script type="text/javascript" src="js/main.js"></script>
+<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
+<link rel="stylesheet" type="text/css" href="css/styles.css">
+
+<head>
+ <title>Brancher</title>
+ <link rel="icon" type="image/x-icon" href="./css/res/inverse_branch.svg"/>
+</head>
+
+<body>
+ <link href='https://fonts.googleapis.com/css?family=Montserrat|Cardo' rel='stylesheet' type='text/css'>
+
+ <header class="main_h">
+
+ <div class="row">
+
+ <a>
+ <img class="logo" src="./css/res/brancher_logo_v2_white.png" style="padding-left: 10px">
+ <!--logo font is unispace-->
+ </a>
+
+ <div class="mobile-toggle">
+ <span></span>
+ <span></span>
+ <span></span>
+ </div>
+
+ <nav>
+ <ul>
+ <li><a href="about.html">About</a></li>
+ <li><a href="#">Services</a></li>
+ <li><a href="company.html">Companies</a></li>
+ <li><a href="influencer.html">Influencers</a></li>
+ <li><div class="dropdown">
+ <button class="dropbtn">SIGN UP</button>
+ <div class="dropdown-content">
+ <a href="signup4influence.html">I'm an influencer</a>
+ <a href="signup4influence.html">I'm a company or brand</a>
+ </div>
+ </div>
+ </li>
+ <div id="mySidenav" class="sidenav">
+ <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
+ <div class="limiter">
+ <div class="container-login100">
+ <div class="login100-more">
+ </div>
+
+ <div class="wrap-login100 p-l-50 p-r-50 p-t-72 p-b-50">
+ <form class="login100-form validate-form">
+ <span class="login100-form-title p-b-59">
+ Sign Up as an Influencer
+ </span>
+
+ <div class="wrap-input100 validate-input" data-validate="Name is required">
+ <span class="label-input100">Full Name</span>
+ <input class="input100" type="text" name="name" placeholder="Name...">
+ <span class="focus-input100"></span>
+ </div>
+
+ <div class="wrap-input100 validate-input" data-validate = "Valid email is required: ex@abc.xyz">
+ <span class="label-input100">Email</span>
+ <input class="input100" type="text" name="email" placeholder="Email addess...">
+ <span class="focus-input100"></span>
+ </div>
+
+ <div class="wrap-input100 validate-input" data-validate="Username is required">
+ <span class="label-input100">Username</span>
+ <input class="input100" type="text" name="username" placeholder="Username...">
+ <span class="focus-input100"></span>
+ </div>
+
+ <div class="wrap-input100 validate-input" data-validate = "Password is required">
+ <span class="label-input100">Password</span>
+ <input class="input100" type="text" name="pass" placeholder="*************">
+ <span class="focus-input100"></span>
+ </div>
+ <p style="position:absolute; left:47px; top:618px;" class="text-muted">*Password must contain at least one capital and lower case letter and be longer than six characters.</p>
+ <div class="wrap-input100 validate-input" data-validate = "Repeat Password is required">
+ <span class="label-input100">Repeat Password</span>
+ <input class="input100" type="text" name="repeat-pass" placeholder="*************">
+ <span class="focus-input100"></span>
+ </div>
+
+ <div class="flex-m w-full p-b-33">
+ <div class="contact100-form-checkbox">
+ <input class="input-checkbox100" id="ckb1" type="checkbox" name="remember-me">
+ <label class="label-checkbox100" for="ckb1">
+ <span class="txt1">
+ I agree to the
+ <a href="privacy.html" class="txt2 hov1">
+ Terms of Service
+ </a>
+ </span>
+ </label>
+ </div>
+
+
+ </div>
+
+ <div class="container-login100-form-btn">
+ <div class="wrap-login100-form-btn">
+ <div class="login100-form-bgbtn"></div>
+ <button class="login100-form-btn">
+ Sign Up
+ </button>
+ </div>
+
+ <a href="login.html" class="dis-block txt3 hov1 p-r-30 p-t-10 p-b-10 p-l-30">
+ Log In
+ <i class="fa fa-long-arrow-right m-l-5"></i>
+ </a>
+ </div>
+ </form>
+ </div>
+ </div>
+ </div>
+
+ <!--===============================================================================================-->
+ <script src="vendor/jquery/jquery-3.2.1.min.js"></script>
+ <!--===============================================================================================-->
+ <script src="vendor/animsition/js/animsition.min.js"></script>
+ <!--===============================================================================================-->
+ <script src="vendor/bootstrap/js/popper.js"></script>
+ <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
+ <!--===============================================================================================-->
+ <script src="vendor/select2/select2.min.js"></script>
+ <!--===============================================================================================-->
+ <script src="vendor/daterangepicker/moment.min.js"></script>
+ <script src="vendor/daterangepicker/daterangepicker.js"></script>
+ <!--===============================================================================================-->
+ <script src="vendor/countdowntime/countdowntime.js"></script>
+ <!--===============================================================================================-->
+ <script src="js/main2.js"></script>
+ </div>
+ <!-- Use any element to open the sidenav -->
+ <li><a span onclick="openNav()">Login</a span></li>
+ </ul>
+ </nav>
+ </div>
+ </header>
+ <!--<div class="hero gradient-border">-->
+
+ <!--<head>
+ <meta charset="utf-8">
+ <title>...</title>
+ <link rel="stylesheet" type="text/css" href="css/slider.css" />
+ <script src="js/slider.js"></script>
+ </head>
+ <body>
+ <div class="ba-slider">
+ <a href="influencer.html">
+ <img src="css/res/home_page_influencers_r.png" style="padding-top: 70px" alt="">
+ </a>
+ <div class="resize">
+ <a href="company.html">
+ <img src="css/res/home_page_companies.png" style="padding-top: 70px" alt="">
+ </a>
+ </div>
+ <span class="handle"></span>
+ </div>
+ </body>-->
+
+ <head>
+ <meta charset="utf-8">
+ <title>...</title>
+ <link rel="stylesheet" type="text/css" href="css/slider.css" />
+ </head>
+ <body>
+ <div>
+ <div class="column" style="margin-top: 70px">
+ <a href="company.html">
+ <img src="css/res/home_page_left.png" alt="" style="width:100%; height:50%" >
+ </a>
+ </div>
+ <div class="column" style="margin-top: 70px">
+ <a href="influencer.html">
+ <img src="css/res/home_page_right.png" alt="" style="width:100%; height:50%">
+ </a>
+ </div>
+ </div>
+ <div class = "columnSpaceContainer">
+ <div class="columnSpace">
+ <a href="company.html">
+ <img src="css/res/white.png" alt="" style="width:100%;height:100%" >
+ </a>
+ </div>
+ <div class="columnSpace">
+ <a href="influencer.html">
+ <img src="css/res/black.png" alt="" style="width:100%;height:100%">
+ </a>
+ </div>
+ </div>
+ </body>
+
+ <!--<head>
+ <meta charset="utf-8">
+ <title>...</title>
+ <link rel="stylesheet" type="text/css" href="css/slider.css" />
+ </head>
+ <body>
+ <div class = "columnSpaceContainer">
+ <div class="columnSpace">
+ <a href="company.html">
+ <img src="css/res/white.png" alt="" style="width:100%;height:100%" >
+ </a>
+ </div>
+ <div class="columnSpace">
+ <a href="influencer.html">
+ <img src="css/res/black.png" alt="" style="width:100%;height:100%">
+ </a>
+ </div>
+ </div>
+ </body> -->
+ <!--</div>-->
+
+</body>
+
+
+
+</html>
diff --git a/js/main.js b/js/main.js
index f9c91cb..abc0983 100644
--- a/js/main.js
+++ b/js/main.js
@@ -30,7 +30,7 @@ $(document).ready(function() {
});
/* Set the width of the side navigation to 250px */
function openNav() {
- document.getElementById("mySidenav").style.width = "20%";
+ document.getElementById("mySidenav").style.width = "27%";
}
/* Set the width of the side navigation to 0 */