Alex Coven .COM
How do I make an alex coven .com?
What is a alex coven .com? How do you make a alex coven .com? This script and codes were developed by Alex Coven on 11 August 2022, Thursday.
Alex Coven .COM - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Alex Coven .COM</title> <script src="http://s.codepen.io/assets/libs/modernizr.js" type="text/javascript"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="wrapper"> <div class="nav"> <div class="logo-menu"> <svg x="0px" y="0px" width="50px" height="44px" cx="50" cy="50" viewBox="0 -3 50 50">
<defs>
</defs>
<g> <g class="lines"> <line class="firstline" x1="17.1" y1="29.2" x2="40" y2="29.2"/>
<line class="lastline" x1="17.1" y1="14.2" x2="40" y2="14.2"/> <line class="middleline" x1="17.1" y1="21.6" x2="40" y2="21.6"/></g> <path class="hexagon" cx="50" cy="50" d="M49,20.1L38.4,1.8C37.8,0.7,36.5,0,35.3,0H14.2c-1.2,0-2.5,0.7-3.2,1.8L0.5,20.1C0.2,20.6,0,21.3,0,21.9 c0,0.7,0.2,1.3,0.5,1.8L11,42c0.6,1.1,1.9,1.8,3.2,1.8h21.1c1.2,0,2.5-0.7,3.2-1.8L49,23.7c0.3-0.5,0.5-1.2,0.5-1.8 C49.4,21.3,49.3,20.6,49,20.1z M45,21.9c0,0.3-0.1,0.6-0.2,0.8l-9.3,16.1c-0.3,0.5-0.9,0.8-1.5,0.8H15.4c-0.6,0-1.2-0.3-1.5-0.8 L4.6,22.8c-0.1-0.2-0.2-0.5-0.2-0.8s0.1-0.6,0.2-0.8L13.9,5c0.3-0.5,0.9-0.8,1.5-0.8H34c0.6,0,1.2,0.3,1.5,0.8l9.3,16.1 C44.9,21.3,45,21.6,45,21.9z"/> <path class="ac" d="M34.6,10.5h-3.4c-0.3,0-0.5,0.2-0.5,0.5v11.6c-0.5,4.7-5.5,8.1-10.7,5.7c-1.3-0.6-2.3-1.7-2.9-2.9 c-2.6-5.4,1.3-10.7,6.4-10.7c0.9,0,1.7,0.2,2.5,0.5l0.4,0.2c0.4,0.2,0.7,0.3,1,0.6c0.4,0.2,1,0.1,1-0.7v-2.4c0-0.8,0-1.6-1.3-2 c0,0,0,0-0.7-0.2l0,0l0,0c-0.9-0.2-1.9-0.4-2.9-0.4c-8,0-14.1,8.1-10.7,16.5c1.1,2.7,3.3,4.9,6,6c4.5,1.8,8.8,0.9,11.9-1.6 c0,0.9,0,1.5,0,1.6c0,0.3,0.2,0.5,0.5,0.5c0.1,0,0.4,0,0.8,0c0.1,0,0.1,0,0.2,0h2.5c0.3,0,0.5-0.2,0.5-0.5V11.1 C35.1,10.8,34.9,10.5,34.6,10.5z"/>
</g>
</svg> </div> </div> <div class="navigation"> <div class="container"> <div class="menu-shelf"> <svg class="logo" x="0px" y="0px" width="50px" height="44px">
<defs>
</defs>
<g> <path class="hexagon" d="M49,20.1L38.4,1.8C37.8,0.7,36.5,0,35.3,0H14.2c-1.2,0-2.5,0.7-3.2,1.8L0.5,20.1C0.2,20.6,0,21.3,0,21.9 c0,0.7,0.2,1.3,0.5,1.8L11,42c0.6,1.1,1.9,1.8,3.2,1.8h21.1c1.2,0,2.5-0.7,3.2-1.8L49,23.7c0.3-0.5,0.5-1.2,0.5-1.8 C49.4,21.3,49.3,20.6,49,20.1z M45,21.9c0,0.3-0.1,0.6-0.2,0.8l-9.3,16.1c-0.3,0.5-0.9,0.8-1.5,0.8H15.4c-0.6,0-1.2-0.3-1.5-0.8 L4.6,22.8c-0.1-0.2-0.2-0.5-0.2-0.8s0.1-0.6,0.2-0.8L13.9,5c0.3-0.5,0.9-0.8,1.5-0.8H34c0.6,0,1.2,0.3,1.5,0.8l9.3,16.1 C44.9,21.3,45,21.6,45,21.9z"/> <path class="ac" d="M34.6,10.5h-3.4c-0.3,0-0.5,0.2-0.5,0.5v11.6c-0.5,4.7-5.5,8.1-10.7,5.7c-1.3-0.6-2.3-1.7-2.9-2.9 c-2.6-5.4,1.3-10.7,6.4-10.7c0.9,0,1.7,0.2,2.5,0.5l0.4,0.2c0.4,0.2,0.7,0.3,1,0.6c0.4,0.2,1,0.1,1-0.7v-2.4c0-0.8,0-1.6-1.3-2 c0,0,0,0-0.7-0.2l0,0l0,0c-0.9-0.2-1.9-0.4-2.9-0.4c-8,0-14.1,8.1-10.7,16.5c1.1,2.7,3.3,4.9,6,6c4.5,1.8,8.8,0.9,11.9-1.6 c0,0.9,0,1.5,0,1.6c0,0.3,0.2,0.5,0.5,0.5c0.1,0,0.4,0,0.8,0c0.1,0,0.1,0,0.2,0h2.5c0.3,0,0.5-0.2,0.5-0.5V11.1 C35.1,10.8,34.9,10.5,34.6,10.5z"/>
</g>
</svg> <h2> Graphic Design <br> Custom Code <br> Lettering </h2> <div class="tab"> <ul class="tabs"> <li><a href="#">About</a></li> <li><a href="#">Services</a></li> <li><a href="#">Contact</a></li> </ul> <div class="tab_content"> <div class="tabs_item"> <p> Alex Coven is a freelance designer and web developer living in Chicago. He has worked with a variety of clients and on many diverse projects. <a href="#"><button class="text">VIEW RESUME</button></a> </p> </div> <div class="tabs_item"> <div class="half"> <p> Branding & Logo <br> Interface Design <br> Web Development <br> Illustration <br> </p> </div> <div class="half"> <p> Hand Lettering <br> Art Direction <br> Asset Animation <br> Project Managment <br> </p> </div> </div> <div class="tabs_item"> <div class="half"> <h4>Get in touch</h4> <p class="contact"> <a href="#">[email protected]</a> <br> <a href="#">216 409 1248</a> <br> <a href="#">Chicago, IL</a><br></p> </div> <div class="half"> <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRs6zzDRjWgYFK1nNkrguxIgzDfGmWhTd8GlqTdwy1OH1ao7azN"> </div> </div> </div> </div> <footer> <ul class="social"> <li></li> <li class="entypo-instagrem"></li> <li class="entypo-dribbble"></li> <li class="entypo-window"></li> <li class="entypo-behance"></li> <li class="entypo-linkedin"></li> <li></li> </ul> </footer> </div> </div> </div> <div class="container"> </div>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>
Alex Coven .COM - Script Codes CSS Codes
@import url(http://weloveiconfonts.com/api/?family=entypo);
/* entypo */
[class*="entypo-"]:before { font-family: 'entypo', sans-serif;
}
* { box-sizing: border-box;
}
*::-moz-selection { background: transparent; color: #37CCC9;
}
*::selection { background: transparent; color: #37CCC9;
}
p { color: #888; font-size: 12px; font-family: brandon-grotesque, sans-serif; font-weight: lighter; line-height: 24px;
}
h2 { font-family: brandon-grotesque, sans-serif; font-size: 30px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; line-height: 34px; color: #3d3d3d;
}
h4 { font-family: brandon-grotesque, sans-serif; font-size: 10px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; line-height: 34px; color: #cacaca;
}
button.text { background: transparent; outline: 0; border: 0; text-transform: uppercase; letter-spacing: 1px; font-size: 10px; font-weight: bold; text-align: left; width: 100%; padding: 0;
}
.mob_open { display: block;
}
body { background: #eee;
}
.container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-left: 80px;
}
.navigation { background: rgba(0, 0, 0, 0);
}
.open-nav { background: rgba(0, 0, 0, 0.5);
}
.menu-shelf { background: #fff; width: 45vw; height: 100vh; position: relative; overflow: hidden; display: none;
}
.menu-shelf > * { opacity: 0; -webkit-transition: 0.1s opacity ease-in-out, 0.5s -webkit-transform ease-in-out; transition: 0.1s opacity ease-in-out, 0.5s -webkit-transform ease-in-out; transition: 0.1s opacity ease-in-out, 0.5s transform ease-in-out; transition: 0.1s opacity ease-in-out, 0.5s transform ease-in-out, 0.5s -webkit-transform ease-in-out; -webkit-transform: translate(0px, 10px); transform: translate(0px, 10px);
}
.open-nav .menu-shelf > * { opacity: 1; -webkit-transition: 0.5s opacity ease-in-out, 0.5s -webkit-transform ease-in-out; transition: 0.5s opacity ease-in-out, 0.5s -webkit-transform ease-in-out; transition: 0.5s opacity ease-in-out, 0.5s transform ease-in-out; transition: 0.5s opacity ease-in-out, 0.5s transform ease-in-out, 0.5s -webkit-transform ease-in-out; -webkit-transition-delay: 0.35s; transition-delay: 0.35s; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px);
}
.open-nav .menu-shelf > *:nth-child(1) { -webkit-transition-delay: 0.35s; transition-delay: 0.35s;
}
.open-nav .menu-shelf > *:nth-child(2) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s;
}
.open-nav .menu-shelf > *:nth-child(3) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s;
}
.open-nav .menu-shelf > *:nth-child(4) { -webkit-transition-delay: 0.7s; transition-delay: 0.7s;
}
.open-nav .menu-shelf > *:nth-child(5) { -webkit-transition-delay: 0.8s; transition-delay: 0.8s;
}
.open-nav .menu-shelf > *:nth-child(6) { -webkit-transition-delay: 0.9s; transition-delay: 0.9s;
}
.menu-shelf ul.social li { -webkit-transform: rotatey(180deg); transform: rotatey(180deg);
}
.open-nav .menu-shelf ul.social li { -webkit-transition: 1s -webkit-transform ease-in-out; transition: 1s -webkit-transform ease-in-out; transition: 1s transform ease-in-out; transition: 1s transform ease-in-out, 1s -webkit-transform ease-in-out; -webkit-transform: rotatey(0deg); transform: rotatey(0deg); -webkit-transition-delay: 0.4s; transition-delay: 0.4s;
}
.open-nav .menu-shelf ul.social li:before { -webkit-transition: 0.3s color ease-in-out; transition: 0.3s color ease-in-out; -webkit-transition-delay: 0s; transition-delay: 0s;
}
.menu-shelf svg.logo { fill: #39CCC7; margin: 50px;
}
.menu-shelf h2 { padding-left: 50px;
}
.menu-shelf ul.tabs { margin-top: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: 2px solid #f0f0f0;
}
.menu-shelf ul.tabs:after { content: ''; width: 100%; margin-top: -2px; border-bottom: 2px solid #f0f0f0; z-index: 0;
}
.menu-shelf ul.tabs li a { color: #3d3d3d; text-decoration: none; width: 100%; height: 100%; display: block; cursor: pointer;
}
.menu-shelf ul.tabs li:hover > a { color: #37ccc9;
}
.menu-shelf ul.tabs li.current > a { color: #37ccc9;
}
.menu-shelf ul.tabs li > a:hover { cursor: pointer;
}
.menu-shelf ul.tabs li { -webkit-box-flex: 1; -ms-flex: 1 auto; flex: 1 auto; text-align: center; letter-spacing: 1px; text-transform: uppercase; font-family: brandon-grotesque, sans-serif; font-weight: bold; font-size: 10px; display: relative; line-height: 100px;
}
.menu-shelf ul.tabs li:before { content: ''; width: 2px; height: 50px; background: #f0f0f0; display: block; position: absolute; margin-top: 25px;
}
.menu-shelf ul.tabs li > a:after { content: ''; display: block; position: relative; height: 2px; width: 0%; background: #39CCC7; z-index: 1;
}
.menu-shelf ul.tabs li.current > a:after,
.menu-shelf ul.tabs li:hover > a:after { width: 100%;
}
.menu-shelf ul.tabs:hover > li.current > a:after { width: 0%;
}
.menu-shelf ul.tabs li.current:hover > a:after { width: 100%;
}
.menu-shelf ul.tabs li:first-child:before { display: none;
}
.tabs_item { display: -webkit-box; display: -ms-flexbox; display: flex;
}
.open-nav .tab_content .tabs_item:nth-child(1) { opacity: 1;
}
.open-nav .tab_content .tabs_item { opacity: 0; -webkit-transform: translatey(20px); transform: translatey(20px); -webkit-transition: 0.5s opacity ease-in-out, 0.5s -webkit-transform ease-in-out; transition: 0.5s opacity ease-in-out, 0.5s -webkit-transform ease-in-out; transition: 0.5s opacity ease-in-out, 0.5s transform ease-in-out; transition: 0.5s opacity ease-in-out, 0.5s transform ease-in-out, 0.5s -webkit-transform ease-in-out;
}
.open-nav .tab_content .active_tab_content { opacity: 1; -webkit-transform: translatey(0px); transform: translatey(0px); -webkit-transition: 1s opacity ease-in-out, 0.6s -webkit-transform ease-in-out; transition: 1s opacity ease-in-out, 0.6s -webkit-transform ease-in-out; transition: 1s opacity ease-in-out, 0.6s transform ease-in-out; transition: 1s opacity ease-in-out, 0.6s transform ease-in-out, 0.6s -webkit-transform ease-in-out;
}
.half { -webkit-box-flex: 1; -ms-flex: 1 auto; flex: 1 auto;
}
.menu-shelf .half p { padding: 50px; text-align: left;
}
.menu-shelf .half:last-child > p { padding-left: 0px;
}
.menu-shelf .half img { margin-left: -91px; margin-top: 22px; z-index: 0;
}
.menu-shelf .half h4 { padding: 50px 0px 0px 50px;
}
.menu-shelf .half p.contact { padding: 0px 50px;
}
.menu-shelf p { width: 100%; text-align: left; padding: 50px 50px;
}
.menu-shelf a { text-decoration: none; color: #888;
}
.menu-shelf a:hover { color: #37CCC9;
}
.menu-shelf button { margin-top: 20px; color: #cacaca; cursor: pointer;
}
.menu-shelf footer { border-top: 2px solid #f0f0f0; position: absolute; bottom: 0px; height: 50px; width: 100%; background: #fff;
}
ul.social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 17px;
}
ul.social li { -webkit-box-flex: 1; -ms-flex: 1 auto; flex: 1 auto; color: #888; text-align: center; font-size: 14px;
}
ul.social li:hover { color: #37CCC9;
}
.nav { width: 80px; height: 100vh; background: #fff; position: fixed; left: 0; border-right: 2px solid #f0f0f0; z-index: 9999;
}
.logo-menu { cursor: pointer; display: block; margin: 50vh 0; cursor: pointer;
}
.logo-menu svg { display: block; margin: 0 auto; fill: #39CCC7;
}
.logo-menu svg,
.hexagon,
.ac,
line,
.navigation,
.open-nav,
.menu-shelf ul.tabs li > a:after { -webkit-transition: 0.5s all cubic-bezier(.87, -.41, .19, 1.44); transition: 0.5s all cubic-bezier(.87, -.41, .19, 1.44);
}
.open-nav .menu-shelf { -webkit-animation: shelf 0.5s forwards linear alternate; animation: shelf 0.5s forwards linear alternate; box-sizing: content-box;
}
a,
.menu-shelf ul.tabs li { -webkit-transition: 0.3s all ease-in-out, 0s z-index ease-in-out, 0s border ease-in-out; transition: 0.3s all ease-in-out, 0s z-index ease-in-out, 0s border ease-in-out;
}
.firstline,
.lastline,
.middleline { -webkit-transition: 0.3s all cubic-bezier(.87, -.41, .19, 1.44); transition: 0.3s all cubic-bezier(.87, -.41, .19, 1.44);
}
.logo-menu svg:hover { -webkit-transform: rotate(120deg); transform: rotate(120deg);
}
.logo-menu svg:hover .ac { -webkit-transform: translate(-3.7px, -3.5px) rotate(-180deg); transform: translate(-3.7px, -3.5px) rotate(-180deg);
}
.logo-menu svg:hover line { stroke-dashoffset: 100; -webkit-animation: dash 0.3s linear forwards alternate; animation: dash 0.3s linear forwards alternate; -webkit-animation-delay: 0.15s; animation-delay: 0.15s;
}
.logo-menu svg line { -webkit-animation: undash 0.3s linear forwards alternate; animation: undash 0.3s linear forwards alternate;
}
.ac {}
.lines { -webkit-transform: rotate(60deg) translate(5.5px, -32.5px); transform: rotate(60deg) translate(5.5px, -32.5px); opacity: 0; -webkit-transition: 0.3s opacity ease-in-out; transition: 0.3s opacity ease-in-out; -webkit-transition-delay: 0.3s; transition-delay: 0.3s;
}
svg:hover .lines,
svg.click .lines { opacity: 1; -webkit-transition: 0.3s opacity ease-in-out; transition: 0.3s opacity ease-in-out; -webkit-transition-delay: 0s; transition-delay: 0s;
}
.logo-menu svg:hover .firstline { -webkit-transform: translatey(2px); transform: translatey(2px); -webkit-transition-delay: 0.2s; transition-delay: 0.2s;
}
.logo-menu svg.click .firstline { -webkit-transform: rotate(45deg) translate(7px, -32px); transform: rotate(45deg) translate(7px, -32px);
}
.logo-menu svg:hover .lastline { -webkit-transform: translatey(-2px); transform: translatey(-2px); -webkit-transition-delay: 0.2s; transition-delay: 0.2s;
}
.logo-menu svg.click .hexagon { opacity: 0;
}
/* .logo-menu svg.click:hover .hexagon { opacity:0;
} */
.logo-menu svg:hover .hexagon { opacity: 0;
}
.logo-menu svg.click .lastline { -webkit-transform: rotate(-45deg) translate(-26px, 21px); transform: rotate(-45deg) translate(-26px, 21px);
}
.logo-menu svg.click:hover { -webkit-transform: rotate(120deg); transform: rotate(120deg);
}
.redraw { -webkit-animation: dash 0.4s forwards linear; animation: dash 0.4s forwards linear; -webkit-animation-delay: 0.4s; animation-delay: 0.4s;
}
.logo-menu svg.click .middleline { -webkit-animation: undash 0.4s forwards linear; animation: undash 0.4s forwards linear;
}
.logo-menu svg.click { -webkit-transform: rotate(120deg); transform: rotate(120deg);
}
.logo-menu svg.click .ac { display: none;
}
.logo-menu svg.click line { -webkit-animation: dash 0.4s linear forwards alternate; animation: dash 0.4s linear forwards alternate; -webkit-animation-delay: 0.15s; animation-delay: 0.15s;
}
line { stroke: #39CCC7; stroke-width: 4; stroke-linecap: round; stroke-miterlimit: 10; stroke-dasharray: 33; stroke-dashoffset: 50; -webkit-animation: undash 0.4s forwards linear; animation: undash 0.4s forwards linear;
}
@-webkit-keyframes dash { from { stroke-dashoffset: 100; } to { stroke-dashoffset: 69; }
}
@keyframes dash { from { stroke-dashoffset: 100; } to { stroke-dashoffset: 69; }
}
@-webkit-keyframes undash { from { stroke-dasharray: 100; stroke-dashoffset: 0; } to { stroke-dasharray: 100; stroke-dashoffset: 102; }
}
@keyframes undash { from { stroke-dasharray: 100; stroke-dashoffset: 0; } to { stroke-dasharray: 100; stroke-dashoffset: 102; }
}
@-webkit-keyframes shelf { 0% { padding-right: 0px; } 20% { padding-right: 20px; } 40% { padding-right: 10px; } 60% { padding-right: 15px; } 80% { padding-right: 5px; } 100% { padding-right: 0px; }
}
@keyframes shelf { 0% { padding-right: 0px; } 20% { padding-right: 20px; } 40% { padding-right: 10px; } 60% { padding-right: 15px; } 80% { padding-right: 5px; } 100% { padding-right: 0px; }
}
@media (max-width: 600px) { .nav { width: 100%; height: 80px; background: #fff; position: fixed; left: 0; border-right: 0 solid #f0f0f0; z-index: 9999; } .logo-menu { margin: 0; } .logo-menu svg { margin: 17px; } .menu-shelf { width: 100%; height: 100vh; margin-top: 80px; } .container { margin: 0px } .menu-shelf svg.logo { display: none; } footer { position: fixed; }
}
Alex Coven .COM - Script Codes JS Codes
var btn = document.querySelector('.logo-menu'), svg = document.querySelector('svg');
btn.addEventListener('click', function() { svg.classList.toggle('click');
}, false);
function showMobileMenu() { var mobileVis = jQuery('.menu-shelf').css('display'); if (mobileVis == "none") { jQuery('.menu-shelf').animate({ width: 'toggle' }, 350); $('.navigation').toggleClass("open-nav"); } else { jQuery('.menu-shelf').animate({ width: 'toggle' }, 350); $('.navigation').toggleClass("open-nav"); }
};
jQuery('.logo-menu').click(function() { showMobileMenu(); return false;
});
$(document).ready(function() { (function($) { $('.tab ul.tabs').addClass('active').find('> li:eq(0)').addClass('current'); $('.tab ul.tabs li a').click(function(g) { var tab = $(this).closest('.tab'), index = $(this).closest('li').index(); tab.find('ul.tabs > li').removeClass('current'); $(this).closest('li').addClass('current'); tab.find('.tab_content').find('div.tabs_item').not('div.tabs_item:eq(' + index + ')').slideUp().removeClass("active_tab_content"); tab.find('.tab_content').find('div.tabs_item:eq(' + index + ')').slideDown().addClass("active_tab_content"); g.preventDefault(); }); })(jQuery);
});
Developer | Alex Coven |
Username | alcoven |
Uploaded | August 11, 2022 |
Rating | 3 |
Size | 5,724 Kb |
Views | 40,480 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
Material Bounce Effect | 6,217 Kb |
A Pen by Alex Coven | 2,569 Kb |
Charging Battery CSS | 2,002 Kb |
Menu Shelf | 7,738 Kb |
Hover triangle wipe css | 2,559 Kb |
Lucro Assets | 7,909 Kb |
Scroll SVG fill animation | 2,793 Kb |
Atomic Hamburger Menu CSS | 3,301 Kb |
Word randomize and replace. | 2,221 Kb |
CSS Heart to X WIP | 1,625 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
Basecamp 3 Document | Lachlanjc | 3,811 Kb |
Text Blocks Over Image, Updated | KatieK2 | 3,122 Kb |
Shopping cart | Andiio | 6,581 Kb |
Alter bg opacity on hover... | Chrisboon27 | 2,054 Kb |
Sketchy Box | Mnicpt | 3,033 Kb |
Word Wrap Algorithm for Multiline Canvas Text | Peterhry | 2,349 Kb |
Navier Stoke Fluid Simulation | Esimov | 8,584 Kb |
Hello People | Danburrows | 2,365 Kb |
Flexbox Test | Icutpeople | 2,486 Kb |
Weather App | OmranAbazid | 2,596 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!