Skip to content

2
21_22-J-02
Commit 5eaf9646 authored by NaweenTharuka's avatar NaweenTharuka
Browse files
Options

style: Updated video views screen

parent 31a62f13
Hide whitespace changes
Inline Side-by-side
Showing with 10 additions and 15 deletions
Presently/presently/users/templates/users/emotionaudio.html
View file @ 5eaf9646
......@@ -16,13 +16,13 @@
</div>
<div class="d-flex">
<div class="col-5">
<div id="modalVideo" class="" style="max-width: 700px; min-height:380px">
<div id="modalVideo" style="max-width: 700px; min-height:380px">
<div class="p-t-30 text-center">
{% for x in all %}
<h2 class="mb-3">Video Review</h2>
<div class="video-wrap m-b-20">
<video id="video-js" class="video-js" controls loop preload="false"
poster="video/for-benny/for-benny.jpg">
poster="">
<source src="{{x.video.url}}" type="video/mp4" />
<source src="{{x.video.url}}" type="video/webm" />
</video>
......@@ -52,54 +52,49 @@
<div class="col-lg-3 text-center"> <span class="pie-chart" data-percent="10"> <span
class="percent"></span> </span>
<h4>Neutral</h4>
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Condimentum porttitor cursumus.</p>
<p>Lorem ipsum dolor sit amet.</p>
</div>
<div class="col-lg-3 text-center">
<div class="pie-chart" data-percent="20" data-color="#EA4C89"> <span class="percent"></span>
</div>
<h4>Calm</h4>
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum cursumus.</p>
<p>Lorem ipsum dolor sit amet.</p>
</div>
<div class="col-lg-3 text-center">
<div class="pie-chart" data-percent="95" data-color="#FF675B"> <span class="percent"></span>
</div>
<h4>Happy</h4>
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor.</p>
<p>Lorem ipsum dolor sit amet.</p>
</div>
<div class="col-lg-3 text-center">
<div class="pie-chart" data-percent="51" data-color="#FF9900"> <span class="percent"></span>
</div>
<h4>Sad</h4>
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor
cursumus.</p>
<p>Lorem ipsum dolor sit amet.</p>
</div>
<div class="col-lg-3 text-center">
<div class="pie-chart" data-percent="02" data-color="#E4EA64"> <span class="percent"></span>
</div>
<h4>Angry</h4>
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor
cursumus.</p>
<p>Lorem ipsum dolor sit amet.</p>
</div>
<div class="col-lg-3 text-center">
<div class="pie-chart" data-percent="20" data-color="#6DEA64"> <span class="percent"></span>
</div>
<h4>Fearful</h4>
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor
cursumus.</p>
<p>Lorem ipsum dolor sit amet.</p>
</div>
<div class="col-lg-3 text-center">
<div class="pie-chart" data-percent="55" data-color="#0FD1AA"> <span class="percent"></span>
</div>
<h4>Disgust</h4>
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor
cursumus.</p>
<p>Lorem ipsum dolor sit amet.</p>
</div>
<div class="col-lg-3 text-center">
<div class="pie-chart" data-percent="21" data-color="#C03BE3"> <span class="percent"></span>
</div>
<h4>Suprised</h4>
<p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor
cursumus.</p>
<p>Lorem ipsum dolor sit amet.</p>
</div>
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment