Skip to content

Instantly share code, notes, and snippets.

Avatar
⚛️
Learning React

Ann Herbik ann-dev

⚛️
Learning React
View GitHub Profile
@ann-dev
ann-dev / index.html
Created Nov 19, 2018
Metrolink Ticket Screen
View index.html
<div class="wrapper">
<p class="header">MCR Metrolink App</p>
<div class="phone-outer">
<div class="phone-inner">
<div class="screen">
<div class="notch"></div>
<p class="hour">12:05</p>
<i class="wifi fas fa-wifi"></i>
<i class="battery fas fa-battery-three-quarters"></i>
<div class="top-banner">
View index.html
<div class="wrapper">
<p class="header">Sass-Audio</p>
<div class="player-win">
<p class="top-title1">PLAYING FROM PLAYLIST</p>
<p class="top-title2">Queen - The Best Of</p>
<div class="cover"><img src="https://bit.ly/2qTiPcc" /></div>
<p class="title-track">Under Pressure</p>
<p class="title-band">Queen, David Bowie</p>
<div class="button-row">
<button>
@ann-dev
ann-dev / index.html
Created Nov 19, 2018
Simple Calculator
View index.html
<!--Made while following two tutorial by Zell Liew from FreeCodeCamp, LINK to Tutorial: https://bit.ly/2PAeKUy LINK to Starter File: https://codepen.io/zellwk/pen/pLgmGL-->
<body>
<div class="container">
<p>Too lazy to calculate, eh?*&nbsp;🙈</p>
<div class="calc">
<div class="calc-display">0</div>
<!--Keys-START-->
<div class="calc-key">
<button class="key-op">+</button>
<button class="key-op">-</button>