This repository has been archived by the owner on Dec 7, 2017. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Multimedia.php
79 lines (79 loc) · 3.4 KB
/
Multimedia.php
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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<?php require_once 'autoload.php';
?><!DOCTYPE html>
<html lang="en">
<head>
<title>ACU Times | Multimedia</title>
<?php require_once("header.php"); ?>
</head>
<body>
<?php include ("navbar.php"); ?>
<br><br>
<div class="container">
<div class="col-md-8 ">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/YQHsXMglC9A" frameborder="0" allowfullscreen></iframe>
</div>
<div class="row">
<h2 class="text-primary"> Sed ultrices turpis sed rhoncus semper</h2>
</div>
<div class="container">
<a href="#"> <img style="height:60px"class="img-responsive img-circle pull-left" src="http://placehold.it/500x500"> </a>
<div class="pull-left" style="padding-left:10px">
<h5><strong>By <a href="#">Name of writer</a>, ACU Times</strong></h5>
<h5> <span class="glyphicon glyphicon-time"></span> 3:00PM 10/10/2015 </h5>
</div>
</div>
<hr>
<div class="row">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pellentesque scelerisque mi, eu varius eros interdum sit amet. Maecenas at vulputate nisl. Aenean in varius purus. Praesent commodo fringilla euismod. In eu eros id arcu imperdiet rutrum.</p>
</div>
<hr>
</div>
<div class="col-md-4">
<h4>Up next</h4>
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-6"> <a href="#"> <img class="img-responsive img-hover" src="http://img.youtube.com/vi/YQHsXMglC9A/mqdefault.jpg"> </a> </div>
<div class="col-xs-6 col-sm-6 col-md-6">
<a href="#"><h4>Sed ultrices turpis sed rhoncus semper</h4></a>
<h6>10/10/2015 <span class="glyphicon glyphicon-time"></span></h6>
</div>
</div>
<hr>
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-6"> <a href="#"> <img class="img-responsive img-hover" src="http://img.youtube.com/vi/YQHsXMglC9A/mqdefault.jpg"> </a> </div>
<div class="col-xs-6 col-sm-6 col-md-6">
<a href="#"><h4>Sed ultrices turpis sed rhoncus semper</h4></a>
<h6>10/10/2015 <span class="glyphicon glyphicon-time"></span></h6>
</div>
</div>
<br>
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-6"> <a href="#"> <img class="img-responsive img-hover" src="http://img.youtube.com/vi/YQHsXMglC9A/mqdefault.jpg"> </a> </div>
<div class="col-xs-6 col-sm-6 col-md-6">
<a href="#"><h4>Sed ultrices turpis sed rhoncus semper</h4></a>
<h6>10/10/2015 <span class="glyphicon glyphicon-time"></span></h6>
</div>
</div>
<br>
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-6"> <a href="#"> <img class="img-responsive img-hover" src="http://img.youtube.com/vi/YQHsXMglC9A/mqdefault.jpg"> </a> </div>
<div class="col-xs-6 col-sm-6 col-md-6">
<a href="#"><h4>Sed ultrices turpis sed rhoncus semper</h4></a>
<h6>10/10/2015 <span class="glyphicon glyphicon-time"></span></h6>
</div>
</div>
<br>
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-6"> <a href="#"> <img class="img-responsive img-hover" src="http://img.youtube.com/vi/YQHsXMglC9A/mqdefault.jpg"> </a> </div>
<div class="col-xs-6 col-sm-6 col-md-6">
<a href="#"><h4>Sed ultrices turpis sed rhoncus semper</h4></a>
<h6>10/10/2015 <span class="glyphicon glyphicon-time"></span></h6>
</div>
</div>
<br>
</div>
</div>
</div>
<?php include ("footer.php"); ?>
</body>
</html>