<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="keywords" content=""> <!-- Page Title --> <title>CosmicMedia</title> <!-- Icon fonts --> <link href="assets/css/font-awesome.min.css" rel="stylesheet"> <link href="assets/css/flaticon.css" rel="stylesheet"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous"> <!-- Bootstrap core CSS --> <link href="assets/css/bootstrap.min.css" rel="stylesheet"> <!-- Plugins for this template --> <link href="assets/css/animate.css" rel="stylesheet"> <link href="assets/css/owl.carousel.css" rel="stylesheet"> <link href="assets/css/owl.theme.css" rel="stylesheet"> <link href="assets/css/slick.css" rel="stylesheet"> <link href="assets/css/slick-theme.css" rel="stylesheet"> <link href="assets/css/owl.transitions.css" rel="stylesheet"> <link href="assets/css/jquery.fancybox.css" rel="stylesheet"> <!-- Custom styles for this template --> <link href="assets/css/style.css" rel="stylesheet"> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <!-- start page-wrapper --> <div class="page-wrapper" id="home"> <!-- start preloader --> <div class="preloader"> <div class="dots"> <span></span> <span></span> <span></span> <span></span> </div> </div> <!-- end preloader --> <!-- Start header --> <header id="header" class="site-header header-style-1"> <nav class="navigation navbar navbar-default"> <div class="site-logo"> <a href="#"> <img src="assets/images/logo.png" alt="" style="height: 88px;background-color: #9A44B5;"> </a> </div> <div class="container"> <div class="navbar-header"> <button type="button" class="open-btn"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div id="navbar" class="navbar-collapse collapse navigation-holder"> <button class="close-navbar"><i class="fa fa-close"></i></button> <ul class="nav navbar-nav"> <li><a href="#home">Home</a></li> <li><a href="#about">The Company</a></li> <li><a href="#services">Our Services</a></li> <li><a href="/ent">Entertainment</a></li> </ul> </div><!-- end of nav-collapse --> </div><!-- end of container --> </nav> </header> <!-- end of header --> <!-- start hero-section --> <section class="hero-section"> <div class="hero-img"> <img src="assets/images/background.png" alt> </div> <div class="container"> <div class="row"> <div class="col col-md-7 col-sm-8"> <div class="content"> <h2>Making sites that matter.</h2> <p>With the powerful media sharing platform Vanillo and the educational quiz platform Quizel, CosmicMedia has a strong portfolio of websites and services.</p> <div class="btns"> <a href="#" class="theme-btn">About us</a> </div> </div> </div> </div> </div> </section> <!-- end hero-section --> <!-- start about-section --> <section class="about-section" id="about"> <div class="content"> <div class="left-grid"></div> <div class="right-grid"> <div class="inner"> <div class="section-title"> <span>About Our Company</span> <h2>Software Development and Media Production</h2> </div> <div class="details"> <p>CosmicMedia specializes in software, web development, and media production. CosmicMedia has worked on many websites and services including Vanillo, a platform for anyone to watch, create and share content, and Quizel, an educational quiz learning platform. Cosmic Entertainment is the media production division of CosmicMedia, producing, licensing and distributing television shows, web series and films.</p> </div> <!-- <div class="video-holder"> <a href="#" class="video-btn" data-type="iframe"> <i class="fa fa-play"></i> Watch Video </a> </div> --> <div class="about-pic"> <img src="assets/images/about-pic.png" alt> </div> </div> </div> </div> </section> <!-- end about-section --> <!-- start services-section --> <section class="services-section section-padding" id="services"> <div class="container"> <div class="row"> <div class="col col-md-5"> <div class="section-title-s2"> <span>Our Services</span> <h2>Services We Provide</h2> </div> <div class="skills"> <div class="skill"> <h6>Software</h6> <div class="progress"> <div class="progress-bar" data-percent="50"></div> </div> </div> <div class="skill"> <h6>Media Production</h6> <div class="progress"> <div class="progress-bar" data-percent="30"></div> </div> </div> <div class="skill"> <h6>Licensing/Distribution</h6> <div class="progress"> <div class="progress-bar" data-percent="20"></div> </div> </div> </div> </div> <div class="col col-md-7"> <div class="services-detail-text"> <p>CosmicMedia provides many services. Cosmic Entertainment handles production, licensing and distribution of television shows, web series and films. Cosmic WCS provides hosting and virtual private server solutions. Vanillo provides its users with a platform to watch, create, and share content. Quizel provides students and teachers with a platform to create, share, and play educational quizzes at their own pace.</p> </div> </div> </div> <div class="row"> <div class="col col-xs-12"> <div class="service-features-grids"> <div class="grid"> <div class="icon"> <i class="fas fa-code fa-3x"></i> </div> <br> <h3>Software</h3> <p>Software is one of the main focuses at CosmicMedia, including Vanillo, Quizel, and Cosmic CDN.</p> </div> <div class="grid"> <div class="icon"> <i class="fas fa-video fa-3x"></i> </div> <br> <h3>Media Production</h3> <p>Media Production is handled by Cosmic Entertainment, ranging from web series to theatrical films.</p> </div> <div class="grid"> <div class="icon"> <i class="fas fa-copyright fa-3x"></i> </div> <br> <h3>Licensing</h3> <p>Content is licensed out by CosmicMedia for various platforms.</p> </div> <div class="grid"> <div class="icon"> <i class="fas fa-truck fa-3x"></i> </div> <br> <h3>Distribution</h3> <p>Content is distributed by CosmicMedia physically in stores or digitally.</p> </div> </div> </div> </div> </div> <!-- end container --> </section> <!-- end services-section --> <!-- start portfolio-section --> <section class="portfolio-section" id="portfolio"> <div class="portfolio-section-inner"> <div class="portfolio-grids"> <div class="grid"> <div class="img-details"> <div class="img-holder"> <img src="assets/images/vanillo.png" alt> </div> <div class="details"> <h3>Vanillo</h3> <span class="cat">Platform</span> <a href="https://vanillo.co" class="view-project">Visit</a> </div> </div> </div> <div class="grid"> <div class="img-details"> <div class="img-holder"> <img src="assets/images/quizel.png" alt> </div> <div class="details"> <h3>Quizel</h3> <span class="cat">Platform</span> <a href="https://quizel.co" class="view-project">Visit</a> </div> </div> </div> <div class="grid"> <div class="img-details"> <div class="img-holder"> <img src="assets/images/cosmicwcs.png" alt> </div> <div class="details"> <h3>WCS</h3> <span class="cat">Service</span> <a href="#" class="view-project">Visit</a> </div> </div> </div> </div> </div> </section> <!-- end portfolio-section --> <!-- start news-letter-section --> <section class="news-letter-section"> <div class="container"> <div class="row"> <div class="col col-md-7"> <div class="newsletter-text"> <span>We never spam</span> <h3>Subscribe Email for News &amp; Updates</h3> </div> </div> <div class="col col-md-5"> <div class="newsletter-form"> <form> <div> <input type="text" class="form-control" placeholder="Email address.."> <button type="submit">Subscribe</button> </div> </form> </div> </div> </div> </div> <!-- end container --> </section> <!-- end news-letter-section --> <!-- start contact-section --> <section class="contact-section section-padding" id="contact"> <div class="container"> <div class="row"> <div class="col col-xs-12"> <div class="section-title-s3"> <span>Contact</span> <h2>Get In Touch</h2> </div> </div> </div> <div class="row contact-form-info"> <div class="col col-md-4"> <div> <h5>Mail:</h5> <p>3350 NE 12th Ave Oakland Park FL 33334 PO Box 70142</p> </div> </div> <div class="col col-md-4"> <div class="contact-info"> <div> <h5>Call Us:</h5> <p>+(954) 283-7204</p> </div> </div> </div> <div class="col col-md-4"> <div class="contact-info"> <div> <h5>Email:</h5> <p>blake@cosmic.media</p> </div> </div> </div> </div> </div> <!-- end container --> </section> <!-- end contact-section --> <!-- start site-footer --> <footer class="site-footer"> <div class="copyright-info"> <div class="container"> <p>&copy;2018 CosmicMedia LLC. All Rights Reserved.</p> </div> </div> </footer> <!-- end site-footer --> </div> <!-- end of page-wrapper --> <!-- All JavaScript files ================================================== --> <script src="assets/js/jquery.min.js"></script> <script src="assets/js/bootstrap.min.js"></script> <!-- Plugins for this template --> <script src="assets/js/jquery-plugin-collection.js"></script> <!-- Custom script for this template --> <script src="assets/js/script.js"></script> </body> </html>