CustomizeTemplatePage


<html lang="en"><head><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /><meta name="description" content="" /><meta name="author" content="" /><script src="https://rawgit.com/enyo/dropzone/master/dist/dropzone.js"></script><link rel="stylesheet" href="https://rawgit.com/enyo/dropzone/master/dist/dropzone.css" /> <title>Cubee</title><!-- Bootstrap core CSS --> <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" /> <!-- Custom fonts for this template --> <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css" /> <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css" /> <link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet" type="text/css" /> <link href="https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic" rel="stylesheet" type="text/css" /> <link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700" rel="stylesheet" type="text/css" /> <!-- Custom styles for this template --> <link href="assets/agency.min.css" rel="stylesheet" /></head><body id="page-top"><!-- Navigation --> <nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav"> <div class="container"> <div class="logo"></div> <a class="h2" href="#page-top">Cubee</a> <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> Menu <i class="fas fa-bars"></i> </button> <div class="collapse navbar-collapse" id="navbarResponsive"> <ul class="navbar-nav text-uppercase ml-auto"> <li class="nav-item"><a class="nav-link js-scroll-trigger" href="index.html">Home</a></li> <li class="nav-item"><a class="nav-link js-scroll-trigger" href="about.html">About</a></li> <li class="nav-item"><a class="nav-link js-scroll-trigger" href="contact.html">Contact</a></li> <li class="nav-item"><a class="btn-home nav-link js-scroll-trigger" href="CubeeCode.html">Create a Cubee</a></li> <li class="nav-item"> <div class="vl"></div> </li> <li class="nav-item"><a class="nav-link js-scroll-trigger signOut" href="login.html">Sign Out</a></li> </ul> </div> </div> </nav> <!-- Header --> <header class="masthead2"> <div class="container"> <div class="intro-text"></div> </div> </header> <!-- Services --> <section id="services"> <div class="container"> <div class="row"> <div class="col-lg-12 text-center"> <h2 class="section-heading text-uppercase">Customize Your Template</h2> <br /></div> </div> <div class="col-lg-12 text-center"> <div class="row rowy"> <div class="col-md card"> <div class="slidePic slidePicSize"></div> <p class="padd">Slide 1</p> <a href="#portfolioModal1" data-toggle="modal" class="btn btn-primary text-uppercase white noMove" value="1">Upload Photo</a> Or <a href="#portfolioModal2" data-toggle="modal" class="btn btn-primary text-uppercase white noMove" value="1">Upload Video</a></div> <div class="col-md card"> <div class="slidePic2 slidePicSize"></div> <p class="padd">Slide 2</p> <a href="#portfolioModal1" data-toggle="modal" class="btn btn-primary text-uppercase white noMove" value="2">Upload Photo</a> Or <a href="#portfolioModal2" data-toggle="modal" class="btn btn-primary text-uppercase white noMove" value="2">Upload Video</a></div> <div class="col-md card"> <div class="slidePic3 slidePicSize"></div> <p class="padd">Slide 3</p> <a href="#portfolioModal1" data-toggle="modal" class="btn btn-primary text-uppercase white noMove" value="3">Upload Photo</a> Or <a href="#portfolioModal2" data-toggle="modal" class="btn btn-primary text-uppercase white noMove" value="3">Upload Video</a></div> <div class="col-md card"> <div class="slidePic4 slidePicSize"></div> <p class="padd">Slide 4</p> <a href="#portfolioModal1" data-toggle="modal" class="btn btn-primary text-uppercase white noMove" value="4">Upload Photo</a> Or <a href="#portfolioModal2" data-toggle="modal" class="btn btn-primary text-uppercase white noMove" value="4">Upload Video</a></div> <div class="col-md card"> <div class="slidePic5 slidePicSize"></div> <p class="padd">Slide 5</p> <a href="#portfolioModal1" data-toggle="modal" class="btn btn-primary text-uppercase white noMove" value="5">Upload Photo</a> Or <a href="#portfolioModal2" data-toggle="modal" class="btn btn-primary text-uppercase white noMove" value="5">Upload Video</a></div> </div> <br /><br /> <a href="Done.html" class="btn btn-success btn-xl text-uppercase">Submit</a> <br /><br /><br /> <p>Need Help? Watch this Instruction Video</p> <iframe class="video" width="450" height="250" frameborder="0" src="https://www.youtube.com/embed/tgbNymZ7vqY"> </iframe></div> </div> </section> <!-- Modal 1 --> <div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"><br /><br /> <h3 id="cubeeEditPic" class="text-uppercase">Cubee - Edit Slide</h3> <div class="close-modal" data-dismiss="modal"> <div class="lr"> <div class="rl"></div> </div> </div> <div class="container"> <div class="row"> <div class="col-lg-12 mx-auto"> <div class="modal-body"><!-- Project Details Go Here --> <button class="accordion" id="acc1"> <div class="row1"> <div class="circley spacer">1</div> <p class="uploadText">Upload Photo</p> </div> </button> <div id="panel" class="panel"> <div class="navbar1"></div> <div id="mySidenav" class="sidenav"><a href="#" class="active">Personal Library</a> <a href="#">Instagram</a> <a href="#">DropBox</a> <a href="#">Flicker</a> <a href="#">Google Photos</a></div> <div class="modalCard"> <form class="formy" action="upload.php" method="POST"><input type="file" multiple="multiple" /> <p class="notOnMobile">Drag your files here or click in this area.</p> <p id="onlyOnMobile" class="onlyOnMobile pictureNotVideo">Click Here To Upload File</p> </form> <br /> <button id="nextbtn" class="btn btn-primary text-uppercase white nextbtn"> Next</button></div> <br /></div> <br /> <button class="accordion"> <div class="row1"> <div class="circley spacer">2</div> <p class="uploadText">Edit Photo</p> </div> </button> <div id="panel2" class="panel2"> <div class="navbar1"><label class="containerCheck"> <input id="watermark" type="checkbox" /> <span class="checkmark"></span> Watermark </label></div> <div id="mySidenav" class="sidenav"><label class="containerCheck"> <input id="watermark" type="checkbox" /> <span class="checkmark"></span> Watermark </label></div> <div class="modalCard editPicture"> <div class="testPreviewPic"></div> <div id="mark" class="watermark"></div> <br /><br /> <button id="nextbtnn" class="btn btn-primary text-uppercase white nextbtn"> Next</button></div> <br /><br /></div> <br /> <button class="accordion"> <div class="row1"> <div class="circley spacer">3</div> <p class="uploadText">Preview</p> </div> </button> <div id="panel3" class="panel3"> <div id="mySidenav" class="sidenav"><a href="#" class="active">Preview</a></div> <div class="modalCard"><br /> <div class="testPreviewPic"></div> <br /> <button id="nextbtn3" class="btn btn-primary text-uppercase white nextbtn" data-dismiss="modal"> Finished</button></div> <br /><br /></div> </div> </div> </div> </div> </div> </div> </div> <!-- Modal 2 --> <div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"><br /><br /> <h3 id="cubeeEditVideo" class="text-uppercase" style="float: left;">Cubee - Edit Slide</h3> <div class="close-modal" data-dismiss="modal"> <div class="lr"> <div class="rl"></div> </div> </div> <div class="container"> <div class="row"> <div class="col-lg-12 mx-auto"> <div class="modal-body"><!-- Project Details Go Here --> <button class="accordion" id="acc4"> <div class="row1"> <div class="circley spacer">1</div> <p class="uploadText">Upload Video</p> </div> </button> <div id="panel4" class="panel"> <div class="navbar1"></div> <div id="mySidenav" class="sidenav"><a href="#" class="active">Personal Library</a> <a href="#">Instagram</a> <a href="#">DropBox</a> <a href="#">Flicker</a> <a href="#">Google Photos</a></div> <div class="modalCard"> <form class="formy" action="upload.php" method="POST"><input type="file" multiple="multiple" /> <p class="notOnMobile">Drag your files here or click in this area.</p> <p id="onlyOnMobile" class="onlyOnMobile pictureNotVideo">Click Here To Upload File</p> </form> <br /> <button id="nextbtn4" class="btn btn-primary text-uppercase white nextbtn"> Next</button></div> <br /></div> <br /> <button class="accordion"> <div class="row1"> <div class="circley spacer">2</div> <p class="uploadText">Edit Video</p> </div> </button> <div id="panel5" class="panel5"> <div id="mySidenav" class="sidenav"><label class="containerCheck"> <input type="checkbox" checked="checked" /> <span class="checkmark"></span> Watermark </label> <label class="containerCheck"> <input type="checkbox" checked="checked" /> <span class="checkmark"></span> Fade In/Out </label></div> <div class="modalCard modalCard-lg"> <h6>Choose a cover photo for your video</h6> <img id="previewImg" class="coverPhoto" /> <br /> <img src="img/f3.jpg" class="coverPhotoThumb activePreviewPic" /> <img src="img/f4.jpg" class="coverPhotoThumb" /> <img src="img/f5.jpg" class="coverPhotoThumb" /> <img src="img/f6.jpg" class="coverPhotoThumb" /> <br /> <button id="nextbtn5" class="btn btn-primary text-uppercase white nextbtn"> Next</button></div> </div> <br /> <button class="accordion"> <div class="row1"> <div class="circley spacer">3</div> <p class="uploadText">Preview</p> </div> </button> <div id="panel6" class="panel3"> <div id="mySidenav" class="sidenav"><a href="#" class="active">Preview</a></div> <div class="modalCard"><br /> <img src="img/f3.jpg" class=" VideoPreview" /> <i class="fas fa-play-circle videoPlay"></i> <br /><br /> <button id="nextbtn6" class="btn btn-primary text-uppercase white nextbtn" data-dismiss="modal"> Finished</button></div> <br /><br /></div> </div> </div> </div> </div> </div> </div> </div> <!-- Bootstrap core JavaScript --><script src="vendor/jquery/jquery.min.js"></script><script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script><!-- Plugin JavaScript --><script src="vendor/jquery-easing/jquery.easing.min.js"></script><!-- Contact form JavaScript --><script src="js/jqBootstrapValidation.js"></script><script src="js/contact_me.js"></script><!-- Custom scripts for this template --><script src="js/agency.min.js"></script></body></html>