/
video.html
27 lines (25 loc) · 1.43 KB
/
video.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<html>
<header class="main-header" role="banner">
<img src="http://i395.photobucket.com/albums/pp37/couldntcarelessrock/Myspace%20Default%20Bar/BannerWhite.jpg" alt="Banner Image" style="position:absolute;top:0px;height:30%;width:100%;opacity:0.3;filter:alpha(opacity=30);">
<img src="logo.png" alt="Logo Image" style="position:absolute;top:0px;">
<p style="font-size:25px;font-style: bold;color: black;margin-left: 60%;margin-top: 10%">Innovation Creation Convenience</p>
</header>
<body>
<div class = "topPic" style="margin-top: 5%;">
<img src="https://buzzworthy.s3.amazonaws.com/wp-content/uploads/2016/06/3051316-poster-1280-how-to-become-a-genius-1.jpg" alt="HTML5 Icon" style="position:absolute;top:0px;width:100%;height:100%;z-index:-1;opacity:0.6;filter:alpha(opacity=40);position: fixed;">
</div>
<div class = "combine" style="margin-top: 50px;">
<div class = "video" style="display: flex;justify-content: center;margin-top:2em;">
<video controls>
<source src="build/output.mp4" type="video/mp4">
</video>
</div>
<div class = "button" style="display: flex;justify-content: center;margin-top:2em;">
<button class="convert" style="width:100px;height:50px;background:no-repeat;border-width: 5px;font-size:14px;font-style: bold;color: white;border-color: lightgrey;">
<a href="frontend.html" style="ont-size:14px;font-style: bold;color: white;">HOME</a>
</button>
</div>
</form>
</div>
</body>
</html>