Game of Thrones Calculator. Freecodecamp project.
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
| <!DOCTYPE html> | |
| <html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"> | |
| <head> | |
| <meta charset="utf-8"> <!-- utf-8 works for most cases --> | |
| <meta name="viewport" content="width=device-width"> <!-- Forcing initial-scale shouldn't be necessary --> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- Use the latest (edge) version of IE rendering engine --> | |
| <meta name="x-apple-disable-message-reformatting"> <!-- Disable auto-scale in iOS 10 Mail entirely --> | |
| <title></title> <!-- The title tag shows in email notifications, like Android 4.4. --> | |
paulinafischer
/ animated-background-gradient.markdown
Created
March 22, 2019 00:41
Animated Background Gradient
A Pen by Mario Klingemann 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"> |
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.
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"> |
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
| <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
| <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> |
OlderNewer