Freecodecamp proyect
A Pen by Paulina Fischer on CodePen.
Paulina Fischer paulinafischer
🏠
This file contains hidden or 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
| <div class="container-fluid text-center" id="container"> | |
| <div class="row"> | |
| <div class="col-md-12"> | |
| <div class="container text-center"> | |
| <br> | |
| <button type="button" class="btn btn-success btn-lg animated fadeIn" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-play" aria-hidden="true"></span></button> | |
| <div class="modal fade animated swing" id="myModal" role="dialog"> | |
| <div class="modal-dialog modal-sm"> | |
| <div class="modal-content"> |
paulinafischer
/ bruce-lee-tribute-page.markdown
Created
December 27, 2019 11:35
Bruce Lee Tribute Page
This file contains hidden or 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
| <head> | |
| <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css"> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | |
| <link href="https://fonts.googleapis.com/css?family=Droid+Sans+Mono|EB+Garamond|Nunito+Sans|Righteous|Yellowtail" rel="stylesheet"> | |
| </head> | |
| </head> | |
| <body> | |
| <div class = "jumbotron animated fadeIn"> | |
| <div class= "text-container text-center"> | |
| <h1><strong>Quotes for the Soul</strong></h1> |
This file contains hidden or 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
| <div class="container animated fadeIn" class="container-fluid"> | |
| <div><object type="application/x-shockwave-flash" width="30" height="25" data="https://www.youtube.com/v/zIjZwBdrTcY?version=2&loop=1&theme=dark"><param name="movie" value="https://www.youtube.com/v/zIjZwBdrTcY?version=2&loop=1&theme=dark" /><param name="wmode" value="transparent" /></object></div> | |
| <div class="container-fluid animated fadeIn"> | |
| <div class="row"> | |
| <div class="col-xs-2 col-sm-2"> | |
| <h1 id="po">Pomodoro</h1></div> <div class="col-xs-8 col-sm-8"> | |
| <div class ="text-container" id="display">25:00</div> | |
| <button class= "btn btn-default" id="more" class="bt1 "><span class="glyphicon glyphicon-plus"></span></button> | |
| <button class= "btn btn-default" id="less" class="bt1"> <span class="glyphicon glyphicon-minus"></button> | |
| <button class= "btn btn-default" id="go" class="bt2" ><span class="glyphicon glyphicon-play"></span></button> |
This file contains hidden or 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
| <div class="container animated fadeIn" class="container-fluid"> | |
| <div><object type="application/x-shockwave-flash" width="30" height="25" data="https://www.youtube.com/v/zIjZwBdrTcY?version=2&loop=1&theme=dark"><param name="movie" value="https://www.youtube.com/v/zIjZwBdrTcY?version=2&loop=1&theme=dark" /><param name="wmode" value="transparent" /></object></div> | |
| <div class="container-fluid animated fadeIn"> | |
| <div class="row"> | |
| <div class="col-xs-2 col-sm-2"> | |
| <h1 id="po">Pomodoro</h1></div> <div class="col-xs-8 col-sm-8"> | |
| <div class ="text-container" id="display">25:00</div> | |
| <button class= "btn btn-default" id="more" class="bt1 "><span class="glyphicon glyphicon-plus"></span></button> | |
| <button class= "btn btn-default" id="less" class="bt1"> <span class="glyphicon glyphicon-minus"></button> | |
| <button class= "btn btn-default" id="go" class="bt2" ><span class="glyphicon glyphicon-play"></span></button> |
This file contains hidden or 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
| <div class="jumbotron text-center"> | |
| <h1 class="animated zoomIn">Wikipedia Viewer</h1> | |
| </div> | |
| <div class="container-fluid"> | |
| <div class="row"> | |
| <div class="col-sm-6"> | |
| <div class="container-fluid"> | |
| <figure> | |
| <img class="img-responsive animated slideInLeft" src="http://res.cloudinary.com/dfqxzvppi/image/upload/v1500145114/comgirl_mug9wl.jpg" alt="girl"><figcaption class="animated lightSpeedIn"><form> | |
| <div class="input-group"> |
This file contains hidden or 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
| <head> | |
| <link href="https://fonts.googleapis.com/css?family=Gochi+Hand|Monoton|Prompt|Russo+One|Viga" rel="stylesheet"> | |
| </head> | |
| <div class="jumbotron"> | |
| <video autoplay muted loop poster= "http://wallpapercave.com/wp/TtjLdl8.jpg"> | |
| <source src="http://res.cloudinary.com/dfqxzvppi/video/upload/v1486374128/Northernlights2_HD_converted_ngorea.mp4" type="video/mp4"> | |
| <source src="http://res.cloudinary.com/dfqxzvppi/video/upload/v1487758857/Northernlights2_HD_converted_ior1o3_x2jnpe.ogv" type="video/ogv"> | |
| </video> | |
| <div class="text-container-fluid"> |
This file contains hidden or 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
| <br> | |
| <div id="con" class="container-fluid"> | |
| <div class="row"> | |
| <div class="col-sm-4"></div> | |
| <div class="col-sm-4"> | |
| <div class="container-fluid animated fadeInDown" id="content"> | |
| <h1 class="text-success text-center">Simon Game</h1> | |
| <div id="box1" class="container-fluid"> | |
| <h1 id="input" class="text- alert text-center"></h1> | |
| <div class="row text-center" id="box"> |
paulinafischer
/ build-a-product-landing-page.markdown
Created
December 27, 2019 11:25
Build a Product Landing Page
A Pen by Paulina Fischer on CodePen.
paulinafischer
/ index.html
Created
December 27, 2019 11:23
Responsive Web Design Projects - Build a Personal Portfolio Webpage
This file contains hidden or 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
| <main id="main-doc" > | |
| <div class="container"> | |
| <div class="row"> | |
| <nav class="col-md-3" id="navbar"> | |
| <header class="h4 text-center font-weight-bold">JS Documentation</header> | |
| <ul class="nav nav-stacked" id="sidebar"> | |
| <li class="nav-item"> | |
| <a class="nav-link" a href="#Introduction">Introduction</a> | |
| </li> | |
| <li class="nav-item"> |
NewerOlder