Design Challenge 1: Create a sign up page
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}"> | |
<head> | |
<meta charset="utf-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<title>Laravel Jobs Scraper</title> | |
<!-- Fonts --> | |
<link href="https://fonts.googleapis.com/css?family=Nunito:200,600" rel="stylesheet"> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}"> | |
<head> | |
<meta charset="utf-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<title>Laravel Jobs Scrapper</title> | |
<!-- Fonts --> | |
<link href="https://fonts.googleapis.com/css?family=Nunito:200,600" rel="stylesheet"> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<section id="main"> | |
<div class="container"> | |
<div class="row"> | |
<div class="col-md-6 col-sm-6 col-xs-6 col-md-offset-3 col-sm-offset-3 col-xs-offset-3 text-center"> | |
<h1>Calculator</h1> | |
<div class="wrapper"> | |
<div class="row"> | |
<label id="output-screen" class="form-control"></label> | |
</div> | |
<div class="pad"> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<section id="main"> | |
<div class="container"> | |
<div class="col-md-6 col-md-offset-3 text-center"> | |
<div class="row"> | |
<img src="http://res.cloudinary.com/emygeek/image/upload/v1486628599/icon-wiki_ypfgf1.png" class="img-responsive" > | |
<h2>Wikipedia Viewer Project by <a href="#">Marie</a></h2> | |
</div> | |
<div class="row"> | |
<input type="search" name="search" id="search" placeholder="Search..."> | |
<input type="submit" name="btn-search" id="btn-search" class="btn btn-primary" value="Search"> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<section id="home"> | |
<div class="container"> | |
<div class="col-md-8 col-md-offset-2"> | |
<div class="content"> | |
<h1> Quotes for Positivity </h1> | |
<div class="quote-area"> | |
<p id="quote-title"class="quote"></p> | |
<span id="quote-author" class="author"></span> | |
</div> | |
<button id="get-quote" class="btn btn-light">New Quote</button> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- Fonts --> | |
<link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet"> | |
<link href="https://fonts.googleapis.com/css?family=Calligraffitti" rel="stylesheet"> | |
<link href="https://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister" rel="stylesheet"> | |
<div id="home"> | |
<div class="container-fluid"> | |
<div class="tagline text-center"> | |
<h1>Serena Williams</h1> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<nav class="navbar navbar-default navbar-fixed-top"> | |
<div class="container-fluid"> | |
<div class="navbar-header"> | |
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> | |
<span class="sr-only">Toggle navigation</span> | |
<span class="icon-bar"></span> | |
<span class="icon-bar"></span> | |
<span class="icon-bar"></span> | |
</button> | |
</div> |