Merge pull request #5 from Rushilwiz/development

LETS GET THAT BREAD
2025-04-18 02:50:18 -04:00 · 2020-04-28 22:34:03 -04:00 · 2020-04-28 22:34:03 -04:00 · cd345898b2
commit cd345898b2
parent d64f094d8e 23a1596ef8
13 changed files with 411 additions and 28 deletions
--- a/Influencer-1240.jpg
+++ b/Influencer-1240.jpg
--- a/Untitled.png
+++ b/Untitled.png
--- a/css/login.css
+++ b/css/login.css
@ -0,0 +1,90 @@
+body{
+  font-family: 'Open Sans', sans-serif;
+  background: linear-gradient(to bottom, #33ccff 44%, #ff99cc 66%);
+  margin: 0 auto 0 auto;
+  width:100%;
+  text-align:center;
+  margin: 20px 0px 20px 0px;
+}
+
+p{
+  font-size:12px;
+  text-decoration: none;
+  color:#ffffff;
+}
+
+h1{
+  font-size:1.5em;
+  color:#525252;
+}
+
+.box{
+  background:black;
+  width:300px;
+  border-radius:6px;
+  margin: 0 auto 0 auto;
+  padding:0px 0px 70px 0px;
+  border: #2980b9 4px solid;
+}
+
+.email{
+  background:#ecf0f1;
+  border: #ccc 1px solid;
+  border-bottom: #ccc 2px solid;
+  padding: 8px;
+  width:250px;
+  color:#AAAAAA;
+  margin-top:10px;
+  font-size:1em;
+  border-radius:4px;
+}
+
+.password{
+  border-radius:4px;
+  background:#ecf0f1;
+  border: #ccc 1px solid;
+  padding: 8px;
+  width:250px;
+  font-size:1em;
+}
+
+.btn{
+  background:#2ecc71;
+  width:125px;
+  padding-top:5px;
+  padding-bottom:5px;
+  color:white;
+  border-radius:4px;
+  border: #27ae60 1px solid;
+
+  margin-top:20px;
+  margin-bottom:20px;
+  float:left;
+  margin-left:16px;
+  font-weight:800;
+  font-size:0.8em;
+}
+
+.btn:hover{
+  background:#2CC06B;
+}
+
+#btn2{
+  float:left;
+  background:#3498db;
+  width:125px;  padding-top:5px;
+  padding-bottom:5px;
+  color:white;
+  border-radius:4px;
+  border: #2980b9 1px solid;
+
+  margin-top:20px;
+  margin-bottom:20px;
+  margin-left:10px;
+  font-weight:800;
+  font-size:0.8em;
+}
+
+#btn2:hover{
+background:#3594D2;
+}
--- a/css/styles.css
+++ b/css/styles.css
@ -14,7 +14,8 @@
  z-index: 999;
  width: 100%;
  padding-top: 17px;
-  background: #000;
+  background:linear-gradient(to bottom, #33ccff 44%, #ff99cc 66%);
+;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
@ -32,15 +33,18 @@

 .logo {
  height: 40px;
+  display: inline;
  float: left;
-  margin-top: -15px; }
+  margin-top: -5px; }
  @media only screen and (max-width: 766px) {
    .logo {
      float: none; } }

 nav {
  float: right;
-  width: 60%; }
+  width: 80%;
+  display: inline;
+  padding-right: 30px; }
  @media only screen and (max-width: 766px) {
    nav {
      width: 100%; } }
@ -66,7 +70,7 @@ nav {
          padding: 7px 0;
          margin: 0; } }
    nav ul a {
-      color: #ddd;
+      color: #FFFFFF;
      text-transform: uppercase;
      font-size: 14px;
      font-weight: 500;
@ -80,7 +84,7 @@ nav {
  display: none;
  cursor: pointer;
  font-size: 20px;
-  position: absolute;
+  float: right;
  right: 22px;
  top: 0;
  width: 30px;
@ -99,6 +103,7 @@ nav {
    display: block; }

 .row {
+  display: inline;
  width: 100%;
  max-width: 940px;
  margin: 0 auto;
@ -109,8 +114,10 @@ nav {
  box-sizing: border-box; }

 body {
-  color: #8f8f8f;
-  background: white;
+  //color: #8f8f8f;
+  //background: white;
+  color: white;
+  background-image: radial-gradient(circle, rgba(238,174,202,1) 0%, rgba(148,187,233,1) 100%);
  font-family: "Cardo", serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased; }
@ -139,7 +146,25 @@ p {
  -moz-background-size: cover;
  background-size: cover;
  background-attachment: local;
-  color: #fff;
+<<<<<<< HEAD
+<<<<<<< HEAD
+  color: #FFFFFF;
+=======
+=======
+>>>>>>> 3137fbe05e3d8f0ce8c66848913714aae94a4ff0
+  body {
+  animation: 10000ms ease-in-out infinite color-change;
+}
+
+
+<<<<<<< HEAD
+  
+>>>>>>> 362401d662a29cb198c7c00b361d9d098c08fc9b
+=======
+
+
+
+>>>>>>> 3137fbe05e3d8f0ce8c66848913714aae94a4ff0
  padding-top: 70px;
  min-height: 100vh;
  letter-spacing: 2px;
--- a/css/styles.css.map
+++ b/css/styles.css.map
@ -1,6 +1,6 @@
 {
 "version": 3,
-"mappings": "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",
+"mappings": "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",
 "sources": ["styles.scss"],
 "names": [],
 "file": "styles.css"
--- a/css/styles.scss
+++ b/css/styles.scss
@ -54,8 +54,9 @@ $color2: #e8f380;

 .logo {
  height: 40px;
+  display: inline;
  float: left;
-  margin-top: -15px;
+  margin-top: -5px;
  @include small {
    float: none;
  }
@ -63,7 +64,9 @@ $color2: #e8f380;

 nav {
  float: right;
-  width: 60%;
+  width: 80%;
+  display: inline;
+  padding-right: 30px;
  @include small {
    width: 100%;
  }
@ -110,7 +113,8 @@ nav {
  display: none;
  cursor: pointer;
  font-size: 20px;
-  position: absolute;
+  //position: absolute;
+  float: right;
  right: 22px;
  top: 0;
  width: 30px;
@ -132,6 +136,7 @@ nav {
 }

 .row {
+  display: inline;
  width: 100%;
  max-width: 940px;
  margin: 0 auto;
--- a/index.html
+++ b/index.html
@ -18,7 +18,8 @@
  <header class="main_h">

    <div class="row">
-      <a href="#">
+
+      <a>
        <img class="logo" src="./css/res/white_on_black.svg">
      </a>

@ -30,32 +31,26 @@

      <nav>
        <ul>
+          <li><a href=".sec03">About</a></li>
+          <li><a href="#">Services</a></li>
+          <li><a href="#">Campaigns</a></li>
+          <li><a href="sliders.html">Influencers</a></li>
          <li><a href=".sec01">Get Started</a></li>
-          <li><a href=".sec02">Log In</a></li>
-          <li><a href=".sec03">About Us</a></li>
-          <li><a href=".sec04">Contact</a></li>
+          <li><a href="login.html">Log In</a></li>
        </ul>
      </nav>

    </div>
  </header>
-  <div class="hero">
-    <h2>You're an</h2>
-    <h2 id="bottomRight">You're a <br>brand</h2>
-
+  <div class="hero gradient-border">
+    <h2><br><br>&emsp;&emsp;You're a<br>brand</h2>
  </div>

  <div class="row content">
    <h1 class="sec01">Get Started</h1>
-    <p>Lorem rushil dolor sit amet, consectetur adipisicing elit. Nostrum, recusandae, at, labore velit eligendi amet nobis repellat natus sequi sint consectetur excepturi doloribus vero provident consequuntur accusamus quisquam nesciunt cupiditate soluta
-      alias illo et deleniti Zaeem smells facilis repudiandae similique dolore quaerat architecto perspiciatis officiis dolor ullam expedita suscipit neque minima rem praesentium inventore ab officia quos dignissimos esse quam placeat iste porro eius! Minus,
-      aspernatur nesciunt consectetur. Sit, eius, itaque, porro, beatae impedit officia tenetur reiciendis autem vitae a quae ipsam repudiandae odio dolorum quaerat asperiores possimus corporis optio animi quisquam laboriosam nihil quam voluptatum quidem
-      veritatis iste culpa iure modi perspiciatis recusandae ipsa libero officiis aliquam doloremque similique id quasi atque distinctio enim sapiente ratione in quia eum perferendis earum blanditiis. Nobis, architecto, veniam molestias minus iste necessitatibus
-      est ab in earum ratione eveniet soluta molestiae sed illo nostrum nemo debitis. Minus, quod totam aliquam ea asperiores fugit quaerat excepturi dolores ratione numquam consequatur id unde alias provident vero incidunt exercitationem similique consequuntur
-      hic possimus? Fuga, eveniet quaerat inventore corporis laborum eligendi enim soluta obcaecati aliquid veritatis provident amet laudantium est quisquam dolore exercitationem modi? Distinctio, pariatur, ab velit praesentium vitae quidem consequatur
-      deleniti recusandae odit officiis. Quidem, cupiditate.</p>
+    <p>Whether your an influencer or company, Brancher offers you a platform to connect with the other side with the assurance that you and your team is safe legally and physcially. </p>
    <h1 class="sec02">Log In</h1>
-    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum, recusandae, at, labore velit eligendi amet nobis repellat natus sequi sint consectetur excepturi doloribus vero provident consequuntur accusamus quisquam nesciunt cupiditate soluta
+    <p>Lorem Zaeem zaeem smells, consectetur adipisicing elit. Nostrum, recusandae, at, labore velit eligendi amet nobis repellat natus sequi sint consectetur excepturi doloribus vero provident consequuntur accusamus quisquam nesciunt cupiditate soluta
      alias illo et deleniti voluptates facilis repudiandae similique dolore quaerat architecto perspiciatis officiis dolor ullam expedita suscipit neque minima rem praesentium inventore ab officia quos dignissimos esse quam placeat iste porro eius! Minus,
      aspernatur nesciunt consectetur. Sit, eius, itaque, porro, beatae impedit officia tenetur reiciendis autem vitae a quae ipsam repudiandae odio dolorum quaerat asperiores possimus corporis optio animi quisquam laboriosam nihil quam voluptatum quidem
      veritatis iste culpa iure modi perspiciatis recusandae ipsa libero officiis aliquam doloremque similique id quasi atque distinctio enim sapiente ratione in quia eum perferendis earum blanditiis. Nobis, architecto, veniam molestias minus iste necessitatibus
@ -78,8 +73,11 @@
      est ab in earum ratione eveniet soluta molestiae sed illo nostrum nemo debitis. Minus, quod totam aliquam ea asperiores fugit quaerat excepturi dolores ratione numquam consequatur id unde alias provident vero incidunt exercitationem similique consequuntur
      hic possimus? Fuga, eveniet quaerat inventore corporis laborum eligendi enim soluta obcaecati aliquid veritatis provident amet laudantium est quisquam dolore exercitationem modi? Distinctio, pariatur, ab velit praesentium vitae quidem consequatur
      deleniti recusandae odit officiis. Quidem, cupiditate.</p>
+
  </div>

 </body>

+
+
 </html>
--- a/index2.html
+++ b/index2.html
@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html>
+
+<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>
+</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/white_on_black.svg">
+      </a>
+
+      <div class="mobile-toggle">
+        <span></span>
+        <span></span>
+        <span></span>
+      </div>
+
+      <nav>
+        <ul>
+          <li><a href=".sec03">About</a></li>
+          <li><a href="#">Services</a></li>
+          <li><a href="#">Campaigns</a></li>
+          <li><a href="sliders.html">Influencers</a></li>
+          <li><a href=".sec01">Get Started</a></li>
+          <li><a href="login.html">Log In</a></li>
+        </ul>
+      </nav>
+
+    </div>
+  </header>
+  <div class="hero gradient-border">
+    <h2><br><br>&emsp;&emsp;You're a<br>brand</h2>
+  </div>
+
+  <div class="row content">
+    <h1 class="sec01">Get Started</h1>
+    <p>Whether your an influencer or company, Brancher offers you a platform to connect with the other side with the assurance that you and your team is safe legally and physcially. </p>
+    <h1 class="sec02">Log In</h1>
+    <p>Lorem Zaeem zaeem smells, consectetur adipisicing elit. Nostrum, recusandae, at, labore velit eligendi amet nobis repellat natus sequi sint consectetur excepturi doloribus vero provident consequuntur accusamus quisquam nesciunt cupiditate soluta
+      alias illo et deleniti voluptates facilis repudiandae similique dolore quaerat architecto perspiciatis officiis dolor ullam expedita suscipit neque minima rem praesentium inventore ab officia quos dignissimos esse quam placeat iste porro eius! Minus,
+      aspernatur nesciunt consectetur. Sit, eius, itaque, porro, beatae impedit officia tenetur reiciendis autem vitae a quae ipsam repudiandae odio dolorum quaerat asperiores possimus corporis optio animi quisquam laboriosam nihil quam voluptatum quidem
+      veritatis iste culpa iure modi perspiciatis recusandae ipsa libero officiis aliquam doloremque similique id quasi atque distinctio enim sapiente ratione in quia eum perferendis earum blanditiis. Nobis, architecto, veniam molestias minus iste necessitatibus
+      est ab in earum ratione eveniet soluta molestiae sed illo nostrum nemo debitis. Minus, quod totam aliquam ea asperiores fugit quaerat excepturi dolores ratione numquam consequatur id unde alias provident vero incidunt exercitationem similique consequuntur
+      hic possimus? Fuga, eveniet quaerat inventore corporis laborum eligendi enim soluta obcaecati aliquid veritatis provident amet laudantium est quisquam dolore exercitationem modi? Distinctio, pariatur, ab velit praesentium vitae quidem consequatur
+      deleniti recusandae odit officiis. Quidem, cupiditate.</p>
+    <h1 class="sec03">About Us</h1>
+    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum, recusandae, at, labore velit eligendi amet nobis repellat natus sequi sint consectetur excepturi doloribus vero provident consequuntur accusamus quisquam nesciunt cupiditate soluta
+      alias illo et deleniti voluptates facilis repudiandae similique dolore quaerat architecto perspiciatis officiis dolor ullam expedita suscipit neque minima rem praesentium inventore ab officia quos dignissimos esse quam placeat iste porro eius! Minus,
+      aspernatur nesciunt consectetur. Sit, eius, itaque, porro, beatae impedit officia tenetur reiciendis autem vitae a quae ipsam repudiandae odio dolorum quaerat asperiores possimus corporis optio animi quisquam laboriosam nihil quam voluptatum quidem
+      veritatis iste culpa iure modi perspiciatis recusandae ipsa libero officiis aliquam doloremque similique id quasi atque distinctio enim sapiente ratione in quia eum perferendis earum blanditiis. Nobis, architecto, veniam molestias minus iste necessitatibus
+      est ab in earum ratione eveniet soluta molestiae sed illo nostrum nemo debitis. Minus, quod totam aliquam ea asperiores fugit quaerat excepturi dolores ratione numquam consequatur id unde alias provident vero incidunt exercitationem similique consequuntur
+      hic possimus? Fuga, eveniet quaerat inventore corporis laborum eligendi enim soluta obcaecati aliquid veritatis provident amet laudantium est quisquam dolore exercitationem modi? Distinctio, pariatur, ab velit praesentium vitae quidem consequatur
+      deleniti recusandae odit officiis. Quidem, cupiditate.</p>
+    <h1 class="sec04">Contact</h1>
+    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum, recusandae, at, labore velit eligendi amet nobis repellat natus sequi sint consectetur excepturi doloribus vero provident consequuntur accusamus quisquam nesciunt cupiditate soluta
+      alias illo et deleniti voluptates facilis repudiandae similique dolore quaerat architecto perspiciatis officiis dolor ullam expedita suscipit neque minima rem praesentium inventore ab officia quos dignissimos esse quam placeat iste porro eius! Minus,
+      aspernatur nesciunt consectetur. Sit, eius, itaque, porro, beatae impedit officia tenetur reiciendis autem vitae a quae ipsam repudiandae odio dolorum quaerat asperiores possimus corporis optio animi quisquam laboriosam nihil quam voluptatum quidem
+      veritatis iste culpa iure modi perspiciatis recusandae ipsa libero officiis aliquam doloremque similique id quasi atque distinctio enim sapiente ratione in quia eum perferendis earum blanditiis. Nobis, architecto, veniam molestias minus iste necessitatibus
+      est ab in earum ratione eveniet soluta molestiae sed illo nostrum nemo debitis. Minus, quod totam aliquam ea asperiores fugit quaerat excepturi dolores ratione numquam consequatur id unde alias provident vero incidunt exercitationem similique consequuntur
+      hic possimus? Fuga, eveniet quaerat inventore corporis laborum eligendi enim soluta obcaecati aliquid veritatis provident amet laudantium est quisquam dolore exercitationem modi? Distinctio, pariatur, ab velit praesentium vitae quidem consequatur
+      deleniti recusandae odit officiis. Quidem, cupiditate.</p>
+
+  </div>
+
+</body>
+
+
+
+</html>
--- a/js/login.js
+++ b/js/login.js
@ -0,0 +1,25 @@
+function field_focus(field, email)
+  {
+    if(field.value == email)
+    {
+      field.value = '';
+    }
+  }
+
+  function field_blur(field, email)
+  {
+    if(field.value == '')
+    {
+      field.value = email;
+    }
+  }
+
+//Fade in dashboard box
+$(document).ready(function(){
+    $('.box').hide().fadeIn(1000);
+    });
+
+//Stop click event
+$('a').click(function(event){
+    event.preventDefault();
+	});
--- a/login.html
+++ b/login.html
@ -0,0 +1,23 @@
+<link href='https://fonts.googleapis.com/css?family=Open+Sans:700,600' rel='stylesheet' type="text/css">
+<link rel="stylesheet" type="text/css" href="css/login.css">
+
+<form method="post" action="login.html">
+<div class="box">
+<h1>Dashboard</h1>
+
+<input type="email" name="email" value="email" onFocus="field_focus(this, 'email');" onblur="field_blur(this, 'email');" class="email" />
+
+<input type="password" name="email" value="email" onFocus="field_focus(this, 'email');" onblur="field_blur(this, 'email');" class="email" />
+
+<a href="#"><div class="btn">Sign In</div></a> <!-- End Btn -->
+
+<a href="#"><div id="btn2">Sign Up</div></a> <!-- End Btn2 -->
+
+</div> <!-- End Box -->
+
+</form>
+
+<p>Forgot your password? <u style="color:#f1c40f;">Click Here!</u></p>
+
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js" type="text/javascript"></script>
+<script type="text/javascript" src="js/login.js"></script>
--- a/sliders.html
+++ b/sliders.html
@ -0,0 +1,134 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<style>
+* {box-sizing: border-box;}
+body {font-family: Verdana, sans-serif;}
+.mySlides {display: none;}
+img {vertical-align: middle;}
+
+/* Slideshow container */
+.slideshow-container {
+  max-width: 1000px;
+  position: relative;
+  margin: auto;
+}
+
+/* Caption text */
+.text {
+  color: #f2f2f2;
+  font-size: 15px;
+  padding: 8px 12px;
+  position: absolute;
+  bottom: 8px;
+  width: 100%;
+  text-align: center;
+}
+
+/* Number text (1/3 etc) */
+.numbertext {
+  color: #f2f2f2;
+  font-size: 12px;
+  padding: 8px 12px;
+  position: absolute;
+  top: 0;
+}
+
+/* The dots/bullets/indicators */
+.dot {
+  height: 15px;
+  width: 15px;
+  margin: 0 2px;
+  background-color: #bbb;
+  border-radius: 50%;
+  display: inline-block;
+  transition: background-color 0.6s ease;
+}
+
+.active {
+  background-color: #717171;
+}
+
+/* Fading animation */
+.fade {
+  -webkit-animation-name: fade;
+  -webkit-animation-duration: 1.5s;
+  animation-name: fade;
+  animation-duration: 1.5s;
+}
+
+@-webkit-keyframes fade {
+  from {opacity: .4}
+  to {opacity: 1}
+}
+
+@keyframes fade {
+  from {opacity: .4}
+  to {opacity: 1}
+}
+
+/* On smaller screens, decrease text size */
+@media only screen and (max-width: 300px) {
+  .text {font-size: 11px}
+}
+</style>
+</head>
+<body>
+
+<h2>Automatic Slideshow</h2>
+<p>Change image every 2 seconds:</p>
+
+<div class="slideshow-container">
+
+<div class="mySlides fade">
+  <div class="numbertext">1 / 3</div>
+  <img src="testpic2.jpg" style="width:100%">
+  <div class="text">Caption Text</div>
+</div>
+
+<div class="mySlides fade">
+  <div class="numbertext">2 / 3</div>
+  <img src="testpic1.jpg" style="width:100%">
+  <div class="text">Caption Two</div>
+</div>
+
+<div class="mySlides fade">
+  <div class="numbertext">3 / 3</div>
+  <img src="influencer-1240.jpg" style="width:100%">
+  <div class="text">Caption Three</div>
+</div>
+
+</div>
+<br>
+
+<div style="text-align:center">
+  <span class="dot"></span>
+  <span class="dot"></span>
+  <span class="dot"></span>
+</div>
+
+<script>
+var slideIndex = 0;
+showSlides();
+
+function showSlides() {
+  var i;
+  var slides = document.getElementsByClassName("mySlides");
+  var dots = document.getElementsByClassName("dot");
+  for (i = 0; i < slides.length; i++) {
+    slides[i].style.display = "none";
+  }
+  slideIndex++;
+  if (slideIndex > slides.length) {slideIndex = 1}
+  for (i = 0; i < dots.length; i++) {
+    dots[i].className = dots[i].className.replace(" active", "");
+  }
+  slides[slideIndex-1].style.display = "block";
+  dots[slideIndex-1].className += " active";
+  setTimeout(showSlides, 2000); // Change image every 2 seconds
+}
+</script>
+
+</body>
+</html>
--- a/testpic1.jpg
+++ b/testpic1.jpg
--- a/testpic2.jpg
+++ b/testpic2.jpg