Matt Bogado mattbogado
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
| /* Global */ | |
| :root { | |
| --color-primary : #F9D021; | |
| --color-primary-hover : #F9D844; | |
| } | |
| /* Button Styling */ | |
| .btn { |
mattbogado
/ upsell.html
Last active
March 5, 2018 22:57
Version 2: Hypothesis is that YP branding needs to be carried out to this pages as well.
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
| <!-- Changes to top section: | |
| includes changes to navbar and hero banner --> | |
| <div class="pt-lg-4"> | |
| <nav class="navbar navbar-expand-md navbar-light bg-white"> | |
| <div class="container"> | |
| <a class="navbar-brand px-4" href="#"> | |
| <img src="assets/yp-tryp-logo_86x30.svg" width="155" height="53" alt="The Real Yellow Pages"/> | |
| </a> | |
| <button class="d-none d-sm-none navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> | |
| <span class="navbar-toggler-icon"></span> |
mattbogado
/ custom.css
Created
February 28, 2018 21:47
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
| .supportTime { | |
| font-size : 14px; | |
| line-height: 0.2; | |
| } |
mattbogado
/ upsell.html
Created
February 28, 2018 21:45
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
| <!-- Replace header nav with this --> | |
| <nav class="navbar navbar-expand-lg navbar-light bg-transparent"> | |
| <div class="container"> | |
| <a class="navbar-brand px-4" href="#"> | |
| <img src="assets/yp-tryp-logo_155x53.svg" width="155" height="53" alt="The Real Yellow Pages"/> | |
| </a> | |
| <button class="d-none d-sm-none navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> | |
| <span class="navbar-toggler-icon"></span> | |
| </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
| <paper-toolbar id="mainToolbar"> | |
| <!-- Space to the Left --> | |
| <span class="flex"></span> | |
| <!-- Tabs --> | |
| <paper-tabs id="mainTabs" attr-for-selected="data-route" selected="{{route}}"> | |
| <paper-tab data-route="home" href="/" on-click="onDataRouteClick">Home</paper-tab> | |
| <paper-tab data-route="videos" href="/videos" on-click="onDataRouteClick">Videos</paper-tab> | |
| <paper-tab data-route="photos" href="/photos" on-click="onDataRouteClick">Photos</paper-tab> | |
| <paper-tab data-route="contact" href="/contact" on-click="onDataRouteClick">Contact</paper-tab> |
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
| <paper-tabs class="bottom self-end" attr-for-selected="data-route" selected="[[route]]"> | |
| <paper-tab> | |
| <a data-route="callsheets" href="/callsheets" on-click="onDataRouteClick" class="tab-link horizontal center-center layout">CALLSHEETS</a> | |
| </paper-tab> | |
| <paper-tab> | |
| <a data-route="scenes" href="/scenes" on-click="onDataRouteClick" class="tab-link horizontal center-center layout">SCENES</a> | |
| </paper-tab> | |
| <paper-tab> | |
| <a data-route="cast" href="/cast" on-click="onDataRouteClick" class="tab-link horizontal center-center layout">CAST</a> | |
| </paper-tab> |
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
| body { | |
| background: #eee; | |
| } | |
| .card { | |
| background: #fff; | |
| border-radius: 2px; | |
| display: block; | |
| float: left; | |
| height: 50px; |
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
| /* Font Family */ | |
| <link href="http://fonts.googleapis.com/css?family=RobotoDraft:regular,bold,italic,thin,light,bolditalic,black,medium&lang=en" rel="stylesheet" type="text/css"> | |
| body { | |
| font-family: 'RobotoDraft', sans-serif; | |
| -webkit-font-smoothing: antialiased; | |
| -webkit-text-size-adjust: 100%; | |
| } | |
| /* Typography */ | |
| .text-display-4 { |