Skip to content

Instantly share code, notes, and snippets.

@eltondev

eltondev/intro

Last active June 10, 2019 13:26
Show Gist options
  • Save eltondev/7f5f9184a957b183e3760f3b54439bf3 to your computer and use it in GitHub Desktop.
Save eltondev/7f5f9184a957b183e3760f3b54439bf3 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
intro
<!DOCTYPE html>
<html lang="en">
<head>
<title>Demo Banners HTML5</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="banners html5 for website, google adword, banner swith is a banner html5 agency"/>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
<style>
@font-face {
font-family: 'Intro Bold Alt';
src: local('Intro Bold Alt'), local('Intro-Bold-Alt'),
url('font/Intro-Bold-Alt.woff2') format('woff2'),
url('font/Intro-Bold-Alt.woff') format('woff');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Intro';
src: local('Intro Light Italic'), local('Intro-Light-Italic'),
url('font/Intro-Light-Italic.woff2') format('woff2'),
url('font/Intro-Light-Italic.woff') format('woff');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Intro';
src: local('Intro Light'), local('Intro-Light'),
url('font/Intro-Light.woff2') format('woff2'),
url('font/Intro-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Intro Light Alt';
src: local('Intro Light Alt'), local('Intro-Light-Alt'),
url('font/Intro-Light-Alt.woff2') format('woff2'),
url('font/Intro-Light-Alt.woff') format('woff');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Intro Book';
src: local('Intro Book'), local('Intro-Book'),
url('font/Intro-Book.woff2') format('woff2'),
url('font/Intro-Book.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Intro';
src: local('Intro Regular'), local('Intro-Regular'),
url('font/Intro-Regular.woff2') format('woff2'),
url('font/Intro-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Intro';
src: local('Intro Black Italic'), local('Intro-Black-Italic'),
url('font/Intro-Black-Italic.woff2') format('woff2'),
url('font/Intro-Black-Italic.woff') format('woff');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'Intro';
src: local('Intro Thin Italic'), local('Intro-Thin-Italic'),
url('font/Intro-Thin-Italic.woff2') format('woff2'),
url('font/Intro-Thin-Italic.woff') format('woff');
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: 'Intro Black Inline';
src: local('Intro Black Inline'), local('Intro-Black-Inline'),
url('font/Intro-Black-Inline.woff2') format('woff2'),
url('font/Intro-Black-Inline.woff') format('woff');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Intro Regular';
src: local('Intro Regular Italic'), local('Intro-Regular-Italic'),
url('font/Intro-Regular-Italic.woff2') format('woff2'),
url('font/Intro-Regular-Italic.woff') format('woff');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Intro Black Alt';
src: local('Intro Black Alt'), local('Intro-Black-Alt'),
url('font/Intro-Black-Alt.woff2') format('woff2'),
url('font/Intro-Black-Alt.woff') format('woff');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Intro';
src: local('Intro Thin'), local('Intro-Thin'),
url('font/Intro-Thin.woff2') format('woff2'),
url('font/Intro-Thin.woff') format('woff');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'Intro Book Alt';
src: local('Intro Book Alt'), local('Intro-Book-Alt'),
url('font/Intro-Book-Alt.woff2') format('woff2'),
url('font/Intro-Book-Alt.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Intro';
src: local('Intro Bold Italic'), local('Intro-Bold-Italic'),
url('font/Intro-Bold-Italic.woff2') format('woff2'),
url('font/Intro-Bold-Italic.woff') format('woff');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Intro Regular Alt';
src: local('Intro Regular Alt'), local('Intro-Regular-Alt'),
url('font/Intro-Regular-Alt.woff2') format('woff2'),
url('font/Intro-Regular-Alt.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Intro';
src: local('Intro Black'), local('Intro-Black'),
url('font/Intro-Black.woff2') format('woff2'),
url('font/Intro-Black.woff') format('woff');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Intro Book';
src: local('Intro Book Italic'), local('Intro-Book-Italic'),
url('font/Intro-Book-Italic.woff2') format('woff2'),
url('font/Intro-Book-Italic.woff') format('woff');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Intro';
src: local('Intro Bold'), local('Intro-Bold'),
url('font/Intro-Bold.woff2') format('woff2'),
url('font/Intro-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
}
</style>
</head>
<body>
<header style="background: #121F06;">
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-8 col-sm-12">
<h1 style="color:#fff; font-size:18px;
text-transform:uppercase;font-weight:500;padding:15px;">Demo: Banners HTML5 </h1>
</div>
<div class="col-lg-4 col-md-4 col-sm-12" style="text-align: right; ">
<h3 class="support" style="margin:0;"> <a href="http://help.nanoagency.co/" style="color:#fff; font-size:16px;font-weight:400;line-height: 80px;">Customer Support</a> </h3>
</div>
</div>
</div>
</header>
<div class="container text-center">
<div class="row">
<div class="col-lg-8 col-md-8 col-sm-8">
<h3 style="font-family: 'Intro Black Alt'; font-weight: 300;">728x90</h3>
<iframe src="https://mp.magicvillagebypininfarina.com/animados/728x90/" frameborder="0" scrolling="no" width="728" height="90" style="border:solid 1px #999;"></iframe>
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12">
<h3 style="font-family: 'Intro Black Alt'; font-weight: 300;">300x600</h3>
<iframe src="https://mp.magicvillagebypininfarina.com/animados/300x600/" frameborder="0" scrolling="no" width="300" height="600" style="border:solid 1px #999;"></iframe>
</div>
<div class="col-lg-6 col-md-6 col-sm-12">
<h3 style="font-family: 'Intro Black Alt'; font-weight: 300;">160x600</h3>
<iframe src="https://mp.magicvillagebypininfarina.com/animados/160x600/" frameborder="0" scrolling="no" width="160" height="600" style="border:solid 1px #999;"></iframe>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<h3 style="font-family: 'Intro Black Alt'; font-weight: 300;">320x50</h3>
<br>
<iframe src="https://mp.magicvillagebypininfarina.com/animados/320x50/" frameborder="0" scrolling="no" width="320" height="50" style="border:solid 1px #999;"></iframe>
<h3 style="padding-top:50px; font-family: 'Intro Black Alt'; font-weight: 300;">300x250</h3>
<iframe src="https://mp.magicvillagebypininfarina.com/animados/300x250/" frameborder="0" scrolling="no" width="300" height="250" style="border:solid 1px #999;"></iframe>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment