-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathprof_video_view.html
129 lines (115 loc) · 8.61 KB
/
prof_video_view.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
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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<html>
<head>
<link rel="stylesheet" href='https://fonts.googleapis.com/css?family=Ubuntu'>
<!-- This will force the motherfking css to load -->
<link rel="stylesheet" type="text/css" href="prof_video_view.css" />
<title>default</title>
</head>
<body class="body">
<div class="menu">
<div class="linkhome" href="index.html">Spanish For Filipinos</div>
<div class="linkscontainer">
<a class="link" href="index.html">Home</a>
<a class="link" href="videos.html">Videos</a>
<a class="link" href="about.html">About</a>
<a class="link" href="logIn.html">Sign in</a>
<a class="link" href="register.html">Register</a>
</div>
</div>
<div class="parentdiv">
<div class="adiv">
<h1 class="videoTitle">DEMO TITLE</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Placeat rem, quasi numquam consequuntur nesciunt optio dolore repellat nemo nostrum facere ipsa. Iure et sunt neque ducimus officia recusandae deleniti cupiditate. Lorem ipsum dolor sit amet consectetur adipisicing elit. Placeat rem, quasi numquam consequuntur nesciunt optio dolore repellat nemo nostrum facere ipsa. Iure et sunt neque ducimus officia recusandae deleniti cupiditate.</p>
</div>
<div class="bdiv">
<!-- <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. In, assumenda! Error exercitationem dolore quibusdam veritatis mollitia alias, et voluptas est libero inventore dolores nam. Eos sunt earum nostrum placeat inventore!</p> -->
<div class="videodiv">
<video class="videoactual" controls>
<source src="videos/demoVid.mp4" type="video/mp4">
</video>
</div>
</div>
</div> <!-- parentdiv -->
<div class="commentstitle">Log in to leave your comment!</div>
<div class="commentsparentdiv">
<div class="textareadiv">
<div class="ownername_new_comment">USERNAME THIS</div>
<!-- maxlength="50" -->
<textarea name="" class="textarea" cols="30" rows="5" placeholder="Type your comment here..."></textarea>
<div class="comment_submit">
<input type="submit" class="commet_submit_button" value="Comment">
</div>
</div>
<div class="onecomment">
<div class="owner_date">
<div class="ownername">USERNAME THIS</div>
<div class="comment_time">33/05/2022 22:39:35 pm</div>
</div>
<div class="comment">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptates, quo optio repudiandae porro quis assumenda rerum perspiciatis autem reiciendis unde iste similique molestiae. Repudiandae laudantium animi ipsa quisquam laborum minus. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sapiente accusantium natus totam debitis odio fuga in sequi id delectus. Voluptate deleniti iste neque perferendis repudiandae asperiores maxime ab facere ea.</div>
</div>
<div class="onecomment">
<div class="owner_date">
<div class="ownername">USERNAME THIS</div>
<div class="comment_time">11/05/2022 12:39:35 pm</div>
</div>
<div class="comment">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sapiente accusantium natus totam debitis odio fuga in sequi id delectus. Voluptate deleniti iste neque perferendis repudiandae asperiores maxime ab facere ea.</div>
</div>
<div class="onecomment">
<div class="owner_date">
<div class="ownername">USERNAME THIS</div>
<div class="comment_time">11/05/2022 12:39:35 pm</div>
</div>
<div class="comment">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptates, quo optio repudiandae porro quis assumenda rerum perspiciatis autem reiciendis unde iste similique molestiae. Repudiandae laudantium animi ipsa quisquam laborum minus. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sapiente accusantium natus totam debitis odio fuga in sequi id delectus. Voluptate deleniti iste neque perferendis repudiandae asperiores maxime ab facere ea.</div>
</div>
<div class="onecomment">
<div class="owner_date">
<div class="ownername">USERNAME THIS</div>
<div class="comment_time">11/05/2022 12:39:35 pm</div>
</div>
<div class="comment">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sapiente accusantium natus totam debitis odio fuga in sequi id delectus. Voluptate deleniti iste neque perferendis repudiandae asperiores maxime ab facere ea.</div>
</div>
<div class="onecomment">
<div class="owner_date">
<div class="ownername">USERNAME THIS</div>
<div class="comment_time">11/05/2022 12:39:35 pm</div>
</div>
<div class="comment">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptates, quo optio repudiandae porro quis assumenda rerum perspiciatis autem reiciendis unde iste similique molestiae. Repudiandae laudantium animi ipsa quisquam laborum minus. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sapiente accusantium natus totam debitis odio fuga in sequi id delectus. Voluptate deleniti iste neque perferendis repudiandae asperiores maxime ab facere ea.</div>
</div>
<div class="onecomment">
<div class="owner_date">
<div class="ownername">USERNAME THIS</div>
<div class="comment_time">11/05/2022 12:39:35 pm</div>
</div>
<div class="comment">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptates, quo optio repudiandae porro quis assumenda rerum perspiciatis autem reiciendis unde iste similique molestiae. Repudiandae laudantium animi ipsa quisquam laborum minus. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sapiente accusantium natus totam debitis odio fuga in sequi id delectus. Voluptate deleniti iste neque perferendis repudiandae asperiores maxime ab facere ea.</div>
</div>
<div class="onecomment">
<div class="owner_date">
<div class="ownername">USERNAME THIS</div>
<div class="comment_time">11/05/2022 12:39:35 pm</div>
</div>
<div class="comment">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sapiente accusantium natus totam debitis odio fuga in sequi id delectus. Voluptate deleniti iste neque perferendis repudiandae asperiores maxime ab facere ea.</div>
</div>
<div class="onecomment">
<div class="owner_date">
<div class="ownername">USERNAME THIS</div>
<div class="comment_time">11/05/2022 12:39:35 pm</div>
</div>
<div class="comment">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sapiente accusantium natus totam debitis odio fuga in sequi id delectus. Voluptate deleniti iste neque perferendis repudiandae asperiores maxime ab facere ea.</div>
</div>
<div class="onecomment">
<div class="owner_date">
<div class="ownername">USERNAME THIS</div>
<div class="comment_time">11/05/2022 12:39:35 pm</div>
</div>
<div class="comment">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sapiente accusantium natus totam debitis odio fuga in sequi id delectus. Voluptate deleniti iste neque perferendis repudiandae asperiores maxime ab facere ea.</div>
</div>
<div class="onecomment">
<div class="owner_date">
<div class="ownername">USERNAME THIS</div>
<div class="comment_time">11/05/2022 12:39:35 pm</div>
</div>
<div class="comment">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sapiente accusantium natus totam debitis odio fuga in sequi id delectus. Voluptate deleniti iste neque perferendis repudiandae asperiores maxime ab facere ea.</div>
</div>
</div>
</body>
</html>