Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml"
- xmlns:ui="http://java.sun.com/jsf/facelets"
- xmlns:f="http://java.sun.com/jsf/core"
- xmlns:h="http://java.sun.com/jsf/html">
- <h:head>
- <h:meta charset="utf-8" />
- <h:meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />
- <title>Vidigo</title>
- <h:outputStylesheet library="css" name="bootstrap.min.css" />
- <h:outputStylesheet library="css" name="https://fonts.googleapis.com/css?family=Aldrich" />
- <h:outputStylesheet library="css" name="fonts/font-awesome.min.css" />
- <h:outputStylesheet library="css" name="fonts/ionicons.min.css" />
- <h:outputStylesheet library="css" name="Footer-Basic.css" />
- <h:outputStylesheet library="css" name="home.css" />
- <h:outputStylesheet library="css" name="Navigation-with-Search.css" />
- <h:outputStylesheet library="css" name="registration.css" />
- <h:outputStylesheet library="css" name="slick-theme.css" />
- <h:outputStylesheet library="css" name="slick.css" />
- <h:outputStylesheet library="css" name="styles.css" />
- </h:head>
- <h:body>
- <div id="main">
- <h4 style="font-family: Aldrich, sans-serif;">Trending channels:</h4>
- <div class="wide-container">
- <div class="text-center" id="carousel">
- <div class="card">
- <div class="card-body channel-card">
- <div>
- <div class="card-divider" style="left: 0"><img class="card-image" src="img/selia.png" /></div>
- <div class="card-divider" style="top: 2.5vh; right: 2vh">
- <h4 class="title">Name</h4>
- <h6 class="text-muted mb-2" style="overflow: hidden">Short description about the channel</h6>
- </div>
- </div>
- </div>
- </div>
- <div class="card">
- <div class="card-body channel-card">
- <div>
- <div class="card-divider" style="left: 0"><img class="card-image" src="img/selia.png" /></div>
- <div class="card-divider" style="top: 2.5vh; right: 2vh">
- <h4 class="title">Name</h4>
- <h6 class="text-muted mb-2" style="overflow: hidden">Short description about the channel</h6>
- </div>
- </div>
- </div>
- </div>
- <div class="card">
- <div class="card-body channel-card">
- <div>
- <div class="card-divider" style="left: 0"><img class="card-image" src="img/selia.png" /></div>
- <div class="card-divider" style="top: 2.5vh; right: 2vh">
- <h4 class="title">Name</h4>
- <h6 class="text-muted mb-2" style="overflow: hidden">Short description about the channel</h6>
- </div>
- </div>
- </div>
- </div>
- <div class="card">
- <div class="card-body channel-card">
- <div>
- <div class="card-divider" style="left: 0"><img class="card-image" src="img/selia.png" /></div>
- <div class="card-divider" style="top: 2.5vh; right: 2vh">
- <h4 class="title">Name</h4>
- <h6 class="text-muted mb-2" style="overflow: hidden">Short description about the channel</h6>
- </div>
- </div>
- </div>
- </div>
- <div class="card">
- <div class="card-body channel-card">
- <div>
- <div class="card-divider" style="left: 0"><img class="card-image" src="img/selia.png" /></div>
- <div class="card-divider" style="top: 2.5vh; right: 2vh">
- <h4 class="title">Name</h4>
- <h6 class="text-muted mb-2" style="overflow: hidden">Short description about the channel</h6>
- </div>
- </div>
- </div>
- </div>
- <div class="card">
- <div class="card-body channel-card">
- <div>
- <div class="card-divider" style="left: 0"><img class="card-image" src="img/selia.png" /></div>
- <div class="card-divider" style="top: 2.5vh; right: 2vh">
- <h4 class="title">Name</h4>
- <h6 class="text-muted mb-2" style="overflow: hidden">Short description about the channel</h6>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <h4 style="font-family: Aldrich, sans-serif;">Recommended videos:</h4>
- <div class="wide-container">
- <div class="collapse-container">
- <div id="recommended-videos" class="video-collapse">
- <div class="video-collapse">
- <div class="content-divider"><img class="video-thumbnail" src="img/my%20sublime.png" />
- <div class="video-divider">
- <h4 class="title">Name</h4>
- <h6 class="text-muted mb-2" style="overflow: hidden">12:59</h6>
- <div class="like-divider"><i class="fa fa-thumbs-up"></i>
- <h6 class="text-muted likes">500</h6><i class="fa fa-thumbs-down likes"></i>
- <h6 class="text-muted dislikes">20</h6>
- </div>
- <div class="creators"></div>
- </div>
- </div>
- </div>
- </div>
- <div id="recommended-videos-btn-container" class="show-more-container"><a id="recommended-videos-btn" href="#">Show more V</a></div>
- </div>
- </div>
- </div>
- <h:ouputScript src="js/jquery.min.js" />
- <h:ouputScript src="bootstrap/js/bootstrap.min.js" />
- <h:ouputScript src="js/carousel.js" />
- <h:ouputScript src="js/registration.js" />
- <h:ouputScript src="js/slick.min.js" />
- </h:body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement