Designed for wrhmedia.
A Pen by Lori Labrie on CodePen.
Lori Labrie llabrie
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
| <html> | |
| <body> | |
| <div class="container"> | |
| <h1>Wikipedia API Search</h1> | |
| <h4><img src="http://www.i-programmer.info/images/stories/News/2016/April/B/freecodecamp_logo.jpg" width="200px" alt="freecodecamp logo">Front-End Web Development Project</h4> | |
| <a href="https://en.wikipedia.org/wiki/Special:Random" target="blank"> | |
| <img src="https://res.cloudinary.com/dtw81jtxl/image/upload/v1473877283/Googlepedia_yegpeo.png" alt="wikipedia globe icon"><a> | |
| <input class = "from-control" id="searchTerm"> | |
| <button id="search" type="button" class="btn btn-primary">Submit</button> | |
Art by Design is a portfolio page of paintings and drawings created while working on General Assembly: Dash. The art is priced on request so I would need to add a contact page but for now it is sufficient to illustrate a very simple design with a somewhat more dynamic effect.
A Pen by Lori Labrie on CodePen.
llabrie
/ flex-box-start-logo-animate.markdown
Last active
July 23, 2017 18:40
Flex box start Logo Animate
Another layout potential for portfolio site
A Pen by Lori Labrie on CodePen.
llabrie
/ crossfit-overhead-press-with-hover-fadein-fadeout.markdown
Last active
July 23, 2017 01:27
CrossFit Overhead Press with Hover FadeIn FadeOut
Designed for wrhmedia.
A Pen by Lori Labrie on CodePen.
llabrie
/ coordinates-units-string-interpolation-ll.markdown
Last active
July 20, 2017 19:10
Coordinates, units, string interpolation LL
JavaScript with Jason Woofenden
A Pen by Lori Labrie 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
| <body> | |
| <img class="banner" src="https://res.cloudinary.com/dtw81jtxl/image/upload/v1471458471/CrazyWisdom_zgw3rk.png" alt="Crazy Wisdom Banner"> | |
| <h2>Random Quotes by Chogyäm Trungpa </h2> | |
| <div id="text-container"> | |
| <h3><span id="quote">"There are many many details of action involved in the simplicity and sharpness of being in this very moment, here, now."</span></h3> |
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
| <html> | |
| <head> | |
| <title>Journey to Code</title> | |
| <link rel="stylesheet" type="text/css" href="css/main.css"> | |
| </head> | |
| <body> | |
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 id="app"> | |
| <body> | |
| <!-- Begin Image --> | |
| <!-- Invisible Box--> | |
| <div class="box"> | |
| <!-- Circular Head--> | |
| <div class="head"> | |
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="text-center"/> | |
| <h1>JavaScript Calculator</h1> | |
| <h2><img src="http://www.i-programmer.info/images/stories/News/2016/April/B/freecodecamp_logo.jpg" width="200px" alt="freecodecamp logo"</h2> | |
| </div | |
| <hr/> | |
| <div id = "calcOutput"> |