Skip to content
Permalink
master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

portfolio/index.html

Go to file
 
 
Cannot retrieve contributors at this time
447 lines (386 sloc) 20.8 KB
Raw Blame
Open in GitHub Desktop
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<link href='http://fonts.googleapis.com/css?family=Jaldi:700,400' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/reset.css"> <!-- CSS reset -->
<link rel="stylesheet" href="css/style.css"> <!-- Resource style -->
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
</head>
<body class="container-fluid fixpadding">
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<section class="cd-slider-wrapper">
<ul class="cd-slider over">
<!-- -----------------------------------------------------New Main Slide--------------------------------------------------------- -->
<li class="visible">
<div>
<!-- -------------------Slide Content----------------- -->
<section class="cd-intro video">
<div class="cd-intro-content video">
<h1 class="svg-wrapper">
<svg class="svg-mask" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 4000 3000" enable-background="new 0 0 4000 3000" xml:space="preserve">
<g>
<path fill="#FFFFFF" d="M2297.9,1399.3c-4.6-6.9-10.6-12.4-18-16.5c-7.4-4.1-16.4-6.2-27-6.2c-10.6,0-19.6,2.1-27,6.2
c-7.4,4.1-13.4,9.6-18,16.5c-4.6,6.9-8,14.8-10,23.5c-2.1,8.8-3.2,17.9-3.2,27.3c0,9,1,17.8,3.2,26.2c2.1,8.5,5.4,16.2,10,23
c4.6,6.8,10.6,12.3,18,16.4c7.4,4.1,16.4,6.1,27,6.1c10.6,0,19.6-2,27-6.1c7.4-4.1,13.4-9.5,18-16.4c4.6-6.8,8-14.4,10-23
c2.1-8.5,3.2-17.2,3.2-26.2c0-9.4-1.1-18.5-3.2-27.3C2305.8,1414.1,2302.5,1406.2,2297.9,1399.3z"/>
<path fill="#FFFFFF" d="M2069.3,1384.6c-3.8-2.3-8.2-3.8-13.2-4.6c-5-0.8-10.2-1.2-15.6-1.2h-36.6v64.2h36.6
c5.4,0,10.6-0.4,15.6-1.2c5-0.8,9.4-2.3,13.2-4.7c3.8-2.3,6.8-5.5,9.1-9.8c2.3-4.2,3.5-9.7,3.5-16.5c0-6.8-1.2-12.3-3.5-16.5
C2076.1,1390.2,2073.1,1387,2069.3,1384.6z"/>
<polygon fill="#FFFFFF" points="1360.7,1395 1332.8,1473.6 1388.3,1473.6 1361.3,1395 "/>
<path fill="#FFFFFF" d="M0,0v3000h4000V0H0z M1237.4,1510.2c-5,10.8-11.6,20-19.8,27.6c-8.2,7.6-17.8,13.4-28.8,17.4
c-11,4-23.1,6-36.3,6c-16.4,0-31.2-2.8-44.2-8.5c-13.1-5.7-24.2-13.5-33.2-23.5c-9-10-15.9-21.8-20.7-35.2
c-4.8-13.5-7.2-28-7.2-43.7c0-16,2.4-30.8,7.2-44.5c4.8-13.7,11.7-25.6,20.7-35.8s20-18.2,33.2-24c13.1-5.8,27.8-8.7,44.2-8.7
c11.8,0,23,1.7,33.5,5.1c10.5,3.4,19.9,8.4,28.2,14.9c8.3,6.5,15.1,14.5,20.5,24.1c5.4,9.6,8.8,20.6,10.2,33h-45.6
c-0.8-5.4-2.6-10.3-5.4-14.8c-2.8-4.5-6.3-8.4-10.5-11.8c-4.2-3.4-9-6-14.2-8c-5.3-1.9-10.9-2.9-16.7-2.9c-10.6,0-19.6,2.1-27,6.2
c-7.4,4.1-13.4,9.6-18,16.5c-4.6,6.9-8,14.8-10,23.5c-2.1,8.8-3.2,17.9-3.2,27.3c0,9,1,17.8,3.2,26.2c2.1,8.5,5.4,16.2,10,23
c4.6,6.8,10.6,12.3,18,16.4c7.4,4.1,16.4,6.1,27,6.1c14.4,0,25.7-4.4,33.8-13.2c8.1-8.8,13-20.4,14.8-34.8h45.6
C1245.5,1487.3,1242.4,1499.4,1237.4,1510.2z M1416.8,1556.4l-16.2-47.7h-80.1l-16.8,47.7h-47.4l81-214.2h48.3l80.1,214.2H1416.8z
M1645.4,1520.1c-3.8,8.4-9.5,15.7-17,21.8c-7.5,6.1-16.8,10.9-27.9,14.2c-11.1,3.4-24,5.1-38.6,5.1c-11.8,0-23.2-1.5-34.3-4.3
s-20.9-7.4-29.4-13.7c-8.5-6.2-15.3-14.1-20.2-23.7c-5-9.6-7.4-21-7.2-34.2h45.6c0,7.2,1.3,13.3,3.9,18.3c2.6,5,6,9.1,10.3,12.2
c4.3,3.1,9.3,5.4,15.2,6.9c5.8,1.5,11.8,2.2,18,2.2c4.2,0,8.7-0.3,13.5-1c4.8-0.7,9.3-2,13.5-4c4.2-2,7.7-4.7,10.5-8.2
c2.8-3.5,4.2-8,4.2-13.4c0-5.8-1.9-10.5-5.5-14.1c-3.7-3.6-8.5-6.6-14.5-9s-12.8-4.5-20.4-6.3c-7.6-1.8-15.3-3.8-23.1-6
c-8-2-15.8-4.4-23.4-7.4c-7.6-2.9-14.4-6.6-20.4-11.2c-6-4.6-10.9-10.3-14.5-17.2c-3.7-6.9-5.6-15.2-5.6-25c0-11,2.3-20.5,7.1-28.6
c4.7-8.1,10.8-14.9,18.4-20.2c7.6-5.4,16.2-9.4,25.8-12c9.6-2.6,19.2-3.9,28.8-3.9c11.2,0,21.9,1.3,32.2,3.8
c10.3,2.5,19.4,6.6,27.5,12.2c8,5.6,14.3,12.8,19,21.4c4.7,8.7,7,19.3,7,31.7h-45.6c-0.4-6.4-1.8-11.7-4.1-15.9
c-2.3-4.2-5.4-7.5-9.1-9.9c-3.8-2.4-8.2-4.1-13-5.1c-4.9-1-10.3-1.5-16.1-1.5c-3.8,0-7.6,0.4-11.4,1.2c-3.8,0.8-7.3,2.2-10.4,4.2
c-3.1,2-5.7,4.5-7.6,7.5c-2,3-3,6.8-3,11.4c0,4.2,0.8,7.6,2.4,10.2c1.6,2.6,4.7,5,9.5,7.2c4.7,2.2,11.2,4.4,19.5,6.6
c8.3,2.2,19.1,5,32.5,8.4c4,0.8,9.5,2.2,16.7,4.4c7.1,2.1,14.1,5.5,21.2,10c7,4.6,13,10.8,18.1,18.5c5.1,7.7,7.7,17.5,7.7,29.5
C1651.1,1502.6,1649.2,1511.7,1645.4,1520.1z M1841.6,1556.4H1679v-214.2h160.2v39.6h-113.1v45.9h103.8v36.6h-103.8v52.5h115.5
V1556.4z M2123.5,1436.2c-2.7,8.3-7,15.7-12.9,22c-5.9,6.4-13.6,11.5-23,15.5c-9.4,3.9-20.8,5.8-34.2,5.8h-49.5v76.8h-47.1v-214.2
h96.6c13.4,0,24.8,2,34.2,5.9c9.4,3.9,17,9.1,23,15.5c5.9,6.4,10.2,13.7,12.9,21.9c2.7,8.2,4.1,16.7,4.1,25.5
C2127.5,1419.5,2126.2,1428,2123.5,1436.2z M2351,1493.8c-4.8,13.5-11.7,25.3-20.7,35.2c-9,10-20,17.8-33,23.5
c-13,5.7-27.8,8.5-44.4,8.5c-16.4,0-31.2-2.8-44.2-8.5c-13.1-5.7-24.2-13.5-33.2-23.5c-9-10-15.9-21.8-20.7-35.2
c-4.8-13.5-7.2-28-7.2-43.7c0-16,2.4-30.8,7.2-44.5c4.8-13.7,11.7-25.6,20.7-35.8s20-18.2,33.2-24c13.1-5.8,27.8-8.7,44.2-8.7
c16.6,0,31.4,2.9,44.4,8.7c13,5.8,24,13.8,33,24s15.9,22.2,20.7,35.8c4.8,13.7,7.2,28.6,7.2,44.5
C2358.2,1465.8,2355.8,1480.3,2351,1493.8z M2541.8,1556.4h-151.5v-214.2h47.1v174.6h104.4V1556.4z M2730.8,1556.4h-162.6v-214.2
h160.2v39.6h-113.1v45.9h103.8v36.6h-103.8v52.5h115.5V1556.4z M2943.5,1556.4h-47.1l-89.1-143.4h-0.6v143.4h-44.1v-214.2h46.8
l89.4,143.7h0.6v-143.7h44.1V1556.4z"/>
</g>
</svg>
<svg class="svg-mask-mobile" x="0px" y="0px" width="2000px" height="3000px" viewBox="0 0 2000 3000">
<title>Video Effect</title>
<path fill="#FFFFFF" d="M1082,1445c-5.8,0-8.7,4.2-8.7,12.5s2.9,12.4,8.6,12.4c2.9,0,5.1-1,6.5-3s2.1-5.1,2.1-9.4s-0.7-7.4-2.2-9.5
C1087,1446,1084.9,1445,1082,1445z"/>
<path fill="#FFFFFF" d="M0,0v3000h2000V0H0z M1022.6,1436.2h25.4v9.3h-13.9v6.7h12.8v9.3h-12.8v8.1h13.9v9.4h-25.4V1436.2z
M971.3,1436.2h14.8c6.9,0,12.2,1.8,15.9,5.3s5.6,8.6,5.6,15.2c0,7.1-2,12.7-5.9,16.5c-3.9,3.9-9.5,5.8-16.6,5.8h-13.9v-42.8H971.3z
M907.4,1525.5h-13.9v6.7h12.8v9.3h-12.8v8.1h13.9v9.4H882v-42.8h25.4V1525.5z M903.8,1479l-14-42.8h13l5.8,21.7
c1.2,4.8,1.9,8.2,2,10.1c0.1-1.4,0.4-3.1,0.8-5.1s0.8-3.7,1.1-4.8l5.9-21.8h12.9l-14,42.8L903.8,1479L903.8,1479z M947.4,1525.5
h-13.9v8.2h12.8v9.3h-12.8v16.1h-11.4v-42.8h25.3L947.4,1525.5L947.4,1525.5z M954.9,1479h-11.6v-42.8h11.6V1479z M987,1525.5h-13.9
v8.2h12.8v9.3h-12.8v16.1h-11.4v-42.8H987V1525.5z M1026.7,1525.5h-13.9v6.7h12.8v9.3h-12.8v8.1h13.9v9.4h-25.4v-42.8h25.4V1525.5z
M1061.1,1550.1c1.9,0,3.7-0.3,5.5-0.8s3.6-1.2,5.4-1.9v9.8c-3.6,1.6-7.6,2.4-12.1,2.4c-6.5,0-11.4-1.9-14.9-5.6
c-3.4-3.8-5.2-9.2-5.2-16.3c0-4.4,0.8-8.3,2.5-11.7c1.7-3.4,4.1-5.9,7.2-7.7c3.1-1.8,6.8-2.7,11.1-2.7c4.6,0,9.1,1,13.3,3l-3.5,9.1
c-1.6-0.7-3.2-1.4-4.7-1.9c-1.6-0.5-3.3-0.8-5.1-0.8c-2.8,0-4.9,1.1-6.4,3.4s-2.3,5.4-2.3,9.3
C1051.7,1546,1054.8,1550.1,1061.1,1550.1z M1066.5,1473.9c-3.6-3.8-5.4-9.3-5.4-16.5c0-7.1,1.8-12.6,5.3-16.3
c3.6-3.8,8.7-5.6,15.5-5.6s12,1.9,15.5,5.6s5.3,9.2,5.3,16.4c0,7.2-1.8,12.7-5.3,16.4s-8.7,5.6-15.5,5.6
C1075.2,1479.6,1070.1,1477.7,1066.5,1473.9z M1116.8,1525.6h-10.4v33.4h-11.6v-33.4h-10.5v-9.5h32.5V1525.6z"/>
<path fill="#FFFFFF" d="M993.2,1466.4c1.6-2,2.5-5.2,2.5-9.4c0-3.9-0.8-6.8-2.3-8.7c-1.6-1.9-3.9-2.8-7.1-2.8h-3.4v24h2.6
C989,1469.5,991.6,1468.5,993.2,1466.4z"/>
</svg> <!-- .svg-mask-mobile -->
</h1>
<p>3D Animation, Front End Web Development and Design, Entrepreneur</p>
<!--
<div class="action-wrapper">
<a href="#0" class="cd-btn main-action">Get started</a>
<a href="#0" class="cd-btn">Learn More</a>
</div>
-->
<div class="cd-bg-video-wrapper" data-video="img/Change3">
<!-- video element will be loaded using jQuery -->
</div>
</div>
</section>
</div>
</li>
<!-- -----------------------------------------------------New Main Slide--------------------------------------------------------- -->
<li>
<div>
<div class="d-intro-block">
<div class="ontent-wrapper">
<svg id="svgcube" height="300" width="300" class="svgop" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 432.8 500" enable-background="new 0 0 432.8 500" xml:space="preserve">
<g id="XMLID_1_">
<path id="XMLID_5_" fill="none" stroke="#000000" stroke-width="10" stroke-miterlimit="10" d="M4.3,127.5V250v122.5c0,0,53,30.6,106.1,61.2
S216.4,495,216.4,495V372.5V250c0,0-53-30.6-106.1-61.2S4.3,127.5,4.3,127.5z"/>
<polygon id="XMLID_11_" fill="none" stroke="#000000" stroke-width="10" stroke-miterlimit="10" points="216.4,495 322.5,433.8 428.6,372.5
428.6,250 428.6,127.5 322.5,188.8 216.4,250 216.4,372.5 "/>
<path id="XMLID_6_" fill="none" stroke="#000000" stroke-width="10" stroke-miterlimit="10" d="M4.3,127.5l106.1-61.2L216.4,5l106.1,61.2l106.1,61.2
l-106.1,61.2L216.4,250c0,0-53-30.6-106.1-61.2S4.3,127.5,4.3,127.5z"/>
</g>
</svg>
<h2>3D Animation + Modeling</h2>
<a href="#0" class="d-btn" data-action="how-projects">Show projects</a>
</div>
</div> <!-- .cd-intro-block -->
<div class="d-projects-wrapper">
<ul class="d-slider">
<li class="current">
<a href="#0">
<img src="img/cyale.jpg" alt="project image">
<div class="roject-info">
<h2>Cyale</h2>
<p>Assignment: Model a creature.</p>
</div>
</a>
</li>
<li>
<a href="#0">
<img src="img/img.png" alt="project image">
<div class="roject-info">
<h2>Project 2</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, dicta.</p>
</div>
</a>
</li>
<li>
<a href="#0">
<img src="img/img.png" alt="project image">
<div class="roject-info">
<h2>Project 3</h2>
<p>Lorem ipsum dolor sit amet.</p>
</div>
</a>
</li>
<li>
<a href="#0">
<img src="img/img.png" alt="project image">
<div class="roject-info">
<h2>Project 4</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>
</div>
</a>
</li>
<li>
<a href="#0">
<img src="img/img.png" alt="project image">
<div class="roject-info">
<h2>Project 5</h2>
<p>Lorem ipsum dolor sit amet, consectetur.</p>
</div>
</a>
</li>
<li>
<a href="#0">
<img src="img/img.png" alt="project image">
<div class="roject-info">
<h2>Project 6</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat.</p>
</div>
</a>
</li>
<li>
<a href="#0">
<img src="img/img.png" alt="project image">
<div class="roject-info">
<h2>Project 7</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div>
</a>
</li>
<li>
<a href="#0">
<img src="img/img.png" alt="project image">
<div class="roject-info">
<h2>Project 8</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>
</div>
</a>
</li>
<li>
<a href="#0">
<img src="img/img.png" alt="project image">
<div class="roject-info">
<h2>Project 9</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>
</div>
</a>
</li>
</ul>
<ul class="d-slider-navigation d-img-replace">
<li><a href="#0" class="prev inactive">Prev</a></li>
<li><a href="#0" class="next">Next</a></li>
</ul> <!-- .cd-slider-navigation -->
</div> <!-- .cd-projects-wrapper -->
<div class="d-project-content">
<div>
<h2>Project title here</h2>
<em>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt, ullam.</em>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
</p>
<p>
Illum quaerat asperiores aliquam voluptate saepe omnis porro excepturi in atque veritatis sapiente ipsam voluptates iste amet deserunt ullam error pariatur, magni consectetur optio nostrum minima dolorum. Soluta animi nihil doloremque ipsa incidunt vitae architecto beatae, maxime libero, dolore corporis vero porro tenetur ipsam modi repudiandae magnam enim, quibusdam sit.
</p>
<p>
Illum quaerat asperiores aliquam voluptate saepe omnis porro excepturi in atque veritatis sapiente ipsam voluptates iste amet deserunt ullam error pariatur, magni consectetur optio nostrum minima dolorum. Soluta animi nihil doloremque ipsa incidunt vitae architecto beatae, maxime libero, dolore corporis vero porro tenetur ipsam modi repudiandae magnam enim, quibusdam sit.
</p>
</div>
<a href="#0" class="close d-img-replace">Close</a>
</div> <!-- .cd-project-content -->
</div>
</li>
<!-- -----------------------------------------------------New Main Slide--------------------------------------------------------- -->
<li>
<div>
<main class="c-main">
<header>
<h1>3D Folding Panel</h1>
</header>
<ul class="c-gallery">
<li class="c-item">
<a href="img/item-1.html">
<div>
<h2>Fliphop.io</h2>
<p>Buying and Selling Marketplace for College Campuses</p>
<b>View More</b>
</div>
</a>
</li>
<li class="c-item">
<a href="img/item-2.html">
<div>
<h2>DMDInventory</h2>
<p>Inventory webapp for the UConn DMD Department.</p>
<b>View More</b>
</div>
</a>
</li>
<li class="c-item">
<a class="ark-text" href="img/item-3.html">
<div>
<h2>DMD Wiki</h2>
<p>Wiki Site for the UConn DMD Department</p>
<b>View More</b>
</div>
</a>
</li>
<li class="c-item">
<a href="img/item-4.html">
<div>
<h2>Beachparking.com</h2>
<p>Lorem ipsum dolor sit amet, consectetur.</p>
<b>View More</b>
</div>
</a>
</li>
</ul> <!-- .cd-gallery -->
</main> <!-- .cd-main -->
<div class="c-folding-panel">
<div class="fold-left"></div> <!-- this is the left fold -->
<div class="fold-right"></div> <!-- this is the right fold -->
<div class="c-fold-content">
<!-- content will be loaded using javascript -->
</div>
<a class="c-close" href="#0"></a>
</div> <!-- .cd-folding-panel -->
</div>
</li>
<!-- -----------------------------------------------------New Main Slide--------------------------------------------------------- -->
<li class="row">
<div>
<div class="col-md-6">
<h2>hi</h2>
<p>I'm Case, a Front End Web Developer and 3D Animator studying at the University of Connecticut, majoring in Digital Media and Design. Thanks for checking my work out! If you'd like to get in contact with me just have a chat with my AI below and everything will get taken care of :)
</p>
</div>
<div class="col-md-6">
<div class="col-md-offset-2 col-md-6">
<div class="chat">
<div class="chat-messages">
<ul class="" id="ai">
<li id="ai1" class="bubble left">
<div>
<h6>
Hi, i'm Frank the AI. I'd be happy to help you today. <span class="big">What's your name?</span>
</h6>
</div>
</li>
<li id="ai2" class="bubble left clearfix nonvisible">
<div>
<h6>
<span id="inputname" class=""></span> is a great name!</br><span class="big">It would be awesome to get your email as well!</span><br/>(I don't bite, please type it below)
</h6>
</div>
</li>
<li id="ai3" class="bubble left clearfix nonvisible">
<div>
<h6>
Awesome!</br><span class="big">What can I help you with?</span></br>(IE:Business related or just want to get in touch, say hi?)
</h6>
</div>
</li>
<li id="ai4" class="bubble left clearfix nonvisible">
<div>
<h6>
Thank you for getting in touch! You'll hear back from Case shortly :)
</h6>
</div>
</li>
</ul>
<form method="post" action="action.php" id="chat-form" class="chat-form bottom">
<input name="name" type="text" placeholder="Type here..." id="userinput" class="pad inputs"/>
<input name="from" type="email" placeholder="Type here..." id="userinput1" class="pad inputs nonvisible"/>
<input name="message" type="text" placeholder="Type here..." id="userinput2" class="pad inputs nonvisible"/>
<button id="sendbtn" type="submit" value="Send!">
<i class="fa fa-paper-plane plane" style="transform: translate3d(0px, 0px, 0px);"></i>
</button>
</form>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<ol class="cd-slider-navigation">
<li class="selected"><a href="#0"><em>Item 1</em></a></li>
<li><a href="#0"><em>Item 2</em></a></li>
<li><a href="#0"><em>Item 3</em></a></li>
<li><a href="#0"><em>Item 4</em></a></li>
</ol> <!-- .cd-slider-navigation -->
<div class="cd-svg-cover" data-step1="M1402,800h-2V0.6c0-0.3,0-0.3,0-0.6h2v294V800z" data-step2="M1400,800H383L770.7,0.6c0.2-0.3,0.5-0.6,0.9-0.6H1400v294V800z" data-step3="M1400,800H0V0.6C0,0.4,0,0.3,0,0h1400v294V800z" data-step4="M615,800H0V0.6C0,0.4,0,0.3,0,0h615L393,312L615,800z" data-step5="M0,800h-2V0.6C-2,0.4-2,0.3-2,0h2v312V800z" data-step6="M-2,800h2L0,0.6C0,0.3,0,0.3,0,0l-2,0v294V800z" data-step7="M0,800h1017L629.3,0.6c-0.2-0.3-0.5-0.6-0.9-0.6L0,0l0,294L0,800z" data-step8="M0,800h1400V0.6c0-0.2,0-0.3,0-0.6L0,0l0,294L0,800z" data-step9="M785,800h615V0.6c0-0.2,0-0.3,0-0.6L785,0l222,312L785,800z" data-step10="M1400,800h2V0.6c0-0.2,0-0.3,0-0.6l-2,0v312V800z">
<svg height='100%' width="100%" preserveAspectRatio="none" viewBox="0 0 1400 800">
<title>SVG cover layer</title>
<desc>an animated layer to switch from one slide to the next one</desc>
<path id="cd-changing-path" d="M1402,800h-2V0.6c0-0.3,0-0.3,0-0.6h2v294V800z"/>
</svg>
</div> <!-- .cd-svg-cover -->
</section> <!-- .cd-slider-wrapper -->
<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.12.0.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script src="js/main1.js"></script>
<script src="js/main3.js"></script>
<script src="js/chat.js"></script>
<script src="js/snap.svg-min.js"></script>
<script src="js/mainvideo.js"></script>
<script src="js/vivus.js"></script>
<script>
new Vivus('svgcube', {duration: 1000, type: 'delayed'});
</script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script>
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
e.src='https://www.google-analytics.com/analytics.js';
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
ga('create','UA-XXXXX-X','auto');ga('send','pageview');
</script>
</body>
</html>