Skip to content

Instantly share code, notes, and snippets.

/gist:27fbb7ecf54196b46b0fc3db65b839a4 Secret

Created May 29, 2017 14:25
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save anonymous/27fbb7ecf54196b46b0fc3db65b839a4 to your computer and use it in GitHub Desktop.
Save anonymous/27fbb7ecf54196b46b0fc3db65b839a4 to your computer and use it in GitHub Desktop.
Download ZIP
HTTML VIDEO HELP
Raw
gistfile1.txt
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Home</title>
<meta name="viewport" content="width = device-width, minimum-scale = 0.25, maximum-scale = 1.60">
<meta name="generator" content="Freeway Pro 7.1.2">
<style type="text/css">
<!--
body { margin:0px; background-color:#000; height:100% }
html { height:100% }
form { margin:0px }
body > form { height:100% }
img { margin:0px; border-style:none }
button { margin:0px; border-style:none; padding:0px; background-color:transparent; vertical-align:top }
table { empty-cells:hide }
td { padding:0px }
.f-sp { font-size:1px; visibility:hidden }
.f-lp { margin-bottom:0px }
.f-fp { margin-top:0px }
em { font-style:italic }
h1 { font-weight:bold; font-size:18px }
h1:first-child { margin-top:0px }
h2 { font-weight:bold; font-size:16px }
h2:first-child { margin-top:0px }
h3 { font-weight:bold; font-size:14px }
h3:first-child { margin-top:0px }
strong { font-weight:bold }
.style2 { color:#fff; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:20px; text-align:center }
.style9 { font-family:Orator Std,Futura,Avenir Next Condensed Medium,InaiMathi; font-size:24px }
.style5 { font-family:Orator Std,Futura,Avenir Next Condensed Medium,InaiMathi }
.style11 { color:#fff; font-family:Orator Std,Futura,Avenir Next Condensed Medium,InaiMathi; font-size:20px; text-align:center }
.style1 { text-align:center }
.style12 { color:#fff; font-family:Orator Std,Futura,Avenir Next Condensed Medium,InaiMathi; font-size:20px }
.style6 { color:#fff; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:24px; text-align:center }
.style14 { color:#fff; font-family:Orator Std,Futura,Avenir Next Condensed Medium,InaiMathi; font-size:36px; text-align:center }
.style13 { font-family:Orator Std,Futura,Avenir Next Condensed Medium,InaiMathi; font-size:18px; text-align:center }
.style7 { font-family:Orator Std,Futura,Avenir Next Condensed Medium,InaiMathi; font-size:18px }
.style4 { color:#fff; font-family:Orator Std,Futura,Avenir Next Condensed Medium,InaiMathi; font-size:12px; text-align:center }
#PageDiv { position:relative; width:100%; height:720px }
#NWAPromo { position:absolute; left:0px; top:0px; max-height:100%; z-index:1 }
#item4 { position:absolute; left:0px; top:300px; width:100%; min-height:110px; z-index:2 }
#item2 { position:absolute; left:0%; top:30px; min-height:250px; min-width:100%; z-index:3; background-image:url(nwatc.png); background-position:center; background-size:contain; background-repeat:no-repeat }
#item6 { position:absolute; left:0%; top:550px; width:100%; min-height:91px; z-index:4 }
#m1.f-ms { position:absolute; left:15px; top:15px; width:95.94%; min-height:21px; z-index:5 }
#item5 { position:absolute; left:0px; height:30px; width:100%; bottom:0px; min-height:30px; z-index:6; overflow:hidden }
#m1 { height:auto; overflow:visible }
#fwNav1 { float:left; padding:0; margin:0; list-style:none }
#fwNav1 .fwNavItem { width:auto; position:relative; float:left; margin:0; padding:0; border-top:0; border-bottom:0 }
#fwNav1 .fwNavItem a { display:block; color:#000000; text-decoration:none; padding:3px 10px 3px 10px }
#fwNav1 .fwFirstChild { border-left:0 }
#fwNav1 .fwLastChild { border-right:0 }
#fwNav1 .fwNavItem a:hover, #fwNav1 .fwNavItem span a:hover, #fwNav1 .fwNavItem a:focus { color:#A92B1D; text-decoration:none }
#fwNav1 .fwNavItem a:active { text-decoration:none }
#fwNav1-toggle, .fwNav1-toggle-label { display:none }
.fwNav1-toggle-label { width:30px; height:30px; overflow:hidden; background-image:url('icon.png'); background-repeat:no-repeat; background-size:100% }
#fwNav1 .fwNavItem a.fwCurrent, #fwNav1 .fwNavItem a.fwCurrent:hover { display:block; color:#A92B1D; font-weight:normal }
@media screen and (max-width:1920px)
{
#NWAPromo { height:720px }
#fwNav1 { width:100%; right:0; left:0; margin-top:0px }
#fwNav1 .fwNavItem { box-sizing:border-box; float:none; overflow:hidden; width:100%; border-right:0; border-left:0 }
#fwNav1 .fwNavItem a { padding-top:20px; padding-bottom:20px; padding-left:20px; padding-right:20px }
#fwNav1 .fwFirstChild { border-top:0 }
#fwNav1 .fwLastChild { border-bottom:0 }
.fwNav1-toggle-label { display:block; position:relative; cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; user-select:none }
.fwNavContainer1 { display:none; position:fixed; width:100%; top:0; right:100%; bottom:0; left:0; margin-left:-100%; background-color:#FFFFFF; -webkit-overflow-scrolling:touch; overflow:auto; float:none; -webkit-transition:.2s ease-out margin, .2s ease-out right; -moz-transition:.2s ease-out margin, .2s ease-out right; -ms-transition:.2s ease-out margin, .2s ease-out right; -o-transition:.2s ease-out margin, .2s ease-out right; transition:.2s ease-out margin, .2s ease-out right }
.fwNav1-toggle-close { background-image:url('close.png'); margin:20px 20px 20px 20px }
.fwNavContainer1.fwMenuOn { margin-left:0; right:0 }
}
@media screen and (max-width:768px)
{
#NWAPromo { left:-256px }
}
@media screen and (max-width:480px)
{
#NWAPromo { left:-400px }
#item6 { left:40%; top:500px; width:27% }
}
@media screen and (max-width:320px)
{
#NWAPromo { left:-460px }
#item6 { left:0%; top:520px; width:100% }
}
-->
</style>
<!--[if lt IE 9]>
<script src="Resources/html5shiv.js"></script>
<![endif]-->
<link rel="shortcut icon" href="nwatc.png" type="image/png">
<link rel="icon" href="nwatc.png" type="image/png">
<script src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<script src="Resources/FW_Vid_Extras.js"></script>
</head>
<body>
<div id="PageDiv">
<video id="NWAPromo" autoplay loop preload=auto muted width="1280" height="720">
<source src="NWAPromo.m4v" type="video/mp4">
<source src="NWAPromo.ogv" type="video/ogg">
<script>addVideoListeners({el: document.getElementById("NWAPromo"), controls: false, autoplay: true, loop: true, muted: true, width: 1280, height: 720, player: "player.swf", skin: "Resources/skin.swf", flash: true, useImage:false, image: false, text: false, click: false})</script>
</video>
<div id="item4"><p class="style2 f-fp"><span class="style9">Welcome to New Wave Academy</span></p>
<p class="style11">- the premier Mixed Martial Arts </p>
<p class="style1 f-lp"><span class="style12">training facility of South London.</span></p>
</div>
<div id="item2"></div>
<a href="aboutus.html"><div id="item6"><p class="style6 f-fp">&nbsp;</p>
<p class="style14 f-lp">- enter -</p>
</div></a>
<div id="m1" class="f-ms"><input type="checkbox" id="fwNav1-toggle">
<label for="fwNav1-toggle" class="fwNav1-toggle-label"></label>
<div class="fwNavContainer1">
<label for="fwNav1-toggle" class="fwNav1-toggle-label fwNav1-toggle-close"></label>
<ul class="style1 f-fp f-lp" id="fwNav1">
<li class="fwFirstChild fwNavItem"><a href="#nil" class="fwCurrent"><span class="style5" style="text-decoration:none">Home</span></a></li>
<li class="fwNavItem"><a href="#nil" style="cursor:default">&nbsp;</a></li>
<li class="fwNavItem"><a href="aboutus.html"><span class="style7" style="text-decoration:none">About us</span></a></li>
<li class="fwNavItem"><a href="#nil" style="cursor:default">&nbsp;</a></li>
<li class="fwNavItem"><a href="timetable.html"><span class="style7" style="text-decoration:none">Timetable</span></a></li>
<li class="fwNavItem"><a href="#nil" style="cursor:default">&nbsp;</a></li>
<li class="fwNavItem"><a href="Classes/classes.html"><span class="style7" style="text-decoration:none">Classes</span></a></li>
<li class="fwNavItem"><a href="#nil" style="cursor:default">&nbsp;</a></li>
<li class="fwNavItem"><a href="theteam.html"><span class="style7" style="text-decoration:none">The Team</span></a></li>
<li class="fwNavItem"><a href="#nil" style="cursor:default">&nbsp;</a></li>
<li class="fwLastChild fwNavItem"><a href="Contact/contact.html"><span class="style7" style="text-decoration:none">Contact</span></a></li>
</ul>
</div>
</div>
<div id="item5"><p class="style4 f-fp f-lp">Copyright, all rights reserved NWA 2017 </p>
</div>
</div><script src="Resources/fwResponsiveMenus.js"></script>
<script type="text/javascript">//<![CDATA[
fwShowHideMenu("m1", 1920);
fwAddListener(document.getElementById("fwNav1-toggle"), "click", function(){
fwToggleMenu(this);
});
fwAddListener(window, "resize", function() {
fwShowHideMenu("m1", 1920);
});
//]]></script></body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment