Old leyvan.com prototype (2013)

Developer
Yvan Dumont
Size
6,565 Kb
Views
8,096
  1. Old leyvan.com prototype (2013) Previews
  2. Old leyvan.com prototype (2013) HTML Codes
  3. Old leyvan.com prototype (2013) CSS Codes
  4. Old leyvan.com prototype (2013) JS Codes

How do I make an old leyvan.com prototype (2013)?

What is a old leyvan.com prototype (2013)? How do you make a old leyvan.com prototype (2013)? This script and codes were developed by Yvan Dumont on 08 December 2022, Thursday.

Old leyvan.com prototype (2013) Previews
IQ Test

Old leyvan.com prototype (2013) - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Old leyvan.com prototype (2013)</title> <meta name="viewport" content="width=device-width"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div id="side-menu"> <div class="header"> <div class="title"> <h1> <a href="#">LeYvan</a><small>.com</small> </h1> <h2> Site de Yvan Dumont </h2> </div> </div> <div class="menu"> <ul> <li> <a href="#qui">Qui <span>&rsaquo;</span></a> </li> <li> <a href="#quoi">Quoi <span>&rsaquo;</span></a> </li> <li> <a href="#pourquoi">Pourquoi <span>&rsaquo;</span></a> </li> <li> <a href="#connaissances">Connaissances <span>&rsaquo;</span></a> </li> <li> <a href="#projets">Projets <span>&rsaquo;</span></a> </li> <li> <a href="#">Articles <span>&rsaquo;</span></a> </li> </ul> </div>
</div>
<div id="page-content"> <div> 1 </div> <div> 2 </div> <div> 3 </div> <div> 4 </div> <div> 5 </div> <div> 6 </div> <div> 7 </div> <div> 8 </div> <div> 9 </div> <div> 10 </div> <div> 11 </div> <div> 12 </div> <div> 13 </div> <div> 14 </div> <div> 15 </div> <div> 16 </div> <div> 17 </div> <div> 18 </div> <div> 19 </div> <div> 20 </div> <div> 21 </div> <div> 22 </div> <div> 23 </div> <div> 24 </div> <div> 25 </div> <div> 26 </div> <div> 27 </div> <div> 28 </div> <div> 29 </div> <div> 30 </div> <div> 31 </div> <div> 32 </div> <div> 33 </div> <div> 34 </div> <div> 35 </div> <div> 36 </div> <div> 37 </div> <div> 38 </div> <div> 39 </div> <div> 40 </div> <div> 41 </div> <div> 42 </div> <div> 43 </div> <div> 44 </div> <div> 45 </div> <div> 46 </div> <div> 47 </div> <div> 48 </div> <div> 49 </div> <div> 50 </div> <div> 51 </div> <div> 52 </div> <div> 53 </div> <div> 54 </div> <div> 55 </div> <div> 56 </div> <div> 57 </div> <div> 58 </div> <div> 59 </div> <div> 60 </div> <div> 61 </div> <div> 62 </div> <div> 63 </div> <div> 64 </div> <div> 65 </div> <div> 66 </div> <div> 67 </div> <div> 68 </div> <div> 69 </div> <div> 70 </div> <div> 71 </div> <div> 72 </div> <div> 73 </div> <div> 74 </div> <div> 75 </div> <div> 76 </div> <div> 77 </div> <div> 78 </div> <div> 79 </div> <div> 80 </div> <div> 81 </div> <div> 82 </div> <div> 83 </div> <div> 84 </div> <div> 85 </div> <div> 86 </div> <div> 87 </div> <div> 88 </div> <div> 89 </div> <div> 90 </div> <div> 91 </div> <div> 92 </div> <div> 93 </div> <div> 94 </div> <div> 95 </div> <div> 96 </div> <div> 97 </div> <div> 98 </div> <div> 99 </div> <div> 100 </div> <div> 101 </div> <div> 102 </div> <div> 103 </div> <div> 104 </div> <div> 105 </div> <div> 106 </div> <div> 107 </div> <div> 108 </div> <div> 109 </div> <div> 110 </div> <div> 111 </div> <div> 112 </div> <div> 113 </div> <div> 114 </div> <div> 115 </div> <div> 116 </div> <div> 117 </div> <div> 118 </div> <div> 119 </div> <div> 120 </div> <div> 121 </div> <div> 122 </div> <div> 123 </div> <div> 124 </div> <div> 125 </div> <div> 126 </div> <div> 127 </div> <div> 128 </div> <div> 129 </div> <div> 130 </div> <div> 131 </div> <div> 132 </div> <div> 133 </div> <div> 134 </div> <div> 135 </div> <div> 136 </div> <div> 137 </div> <div> 138 </div> <div> 139 </div> <div> 140 </div> <div> 141 </div> <div> 142 </div> <div> 143 </div> <div> 144 </div> <div> 145 </div> <div> 146 </div> <div> 147 </div> <div> 148 </div> <div> 149 </div> <div> 150 </div> <div id="infos"> <h2 id="qui"> Qui? </h2> <div> C'est le site de Yvan Dumont, yo. </div> <h2 id="quoi"> Quoi </h2> <div> Informations sur ma personne, sur mes projets, mes motivations et quelques articles. </div> <h2 id="pourquoi"> Pourquoi </h2> <div> Internet sert principalement à vendre des choses ou à faire des affaires. Je ne fais pas exception: je me vends moi-même. Dans ma catégorie, je suis le meilleur produit. </div> <h2 id="connaissances"> Connaissances </h2> <div> <h3> Web (fullstack) </h3> <ul> <li> jQuery </li> <li> Knocjout.js </li> <li> Charts.js </li> <li> Bootstrap </li> <li> less </li> <li> slim </li> <li> Asp.Net MVC5 + C# </li> <li> Entity Framework 6 </li> <li> PHP: Laravel, mysql, pdo. </li> </ul> <h3> Desktop </h3> <ul> <li> DotNet </li> <li> Visual Studio 2010 à 2013 </li> <li> Vb.Net </li> <li> C# (3.0) </li> <li> Asp.Net </li> </ul> </div> </div> <h2 id="projets"> Projets </h2> <div> <h3> fileQl </h3> Une application C# Winform, fileQl permet d'executer des requêtes SQL sur un système de fichier. Construit modulairement de façon à pouvoir extraire les fonctionalité de de chargement d'un système de fichier en base de données <abbr>sqlite</abbr>. Il est possible de créer un rapport visuel des résultat des requêtes. <h3> gifCapt </h3> Une application C# Winform, gifCapt permet de capturer n'importe quel source video sur le bureau. Grâce à l'utilisation de DirectX pour accéder au framebuffer de la carte vidéo, il devient possible de capturer les applications utilisant des sorties accélérées matériel. Basé sur un projet existant trouvé sur le web, gifCapt offre plus d'options, une interface graphique plus complète mais surtout l'utilisation des processeur multicoeurs lors de la palletisation des images au format gif. Sur un processeur à quatre coeurs, la performance augment de près de 100%. <h3> faireface.ca </h3> Application weben php utilisant le framework Laravel et bootstrap. Développé en équipe lors du cours final de développement web de mon DEC, j'ai joué le rôle de chef d'équipe, conseiller technique et support technique. </div> <div> 1 </div> <div> 2 </div> <div> 3 </div> <div> 4 </div> <div> 5 </div> <div> 6 </div> <div> 7 </div> <div> 8 </div> <div> 9 </div> <div> 10 </div> <div> 11 </div> <div> 12 </div> <div> 13 </div> <div> 14 </div> <div> 15 </div> <div> 16 </div> <div> 17 </div> <div> 18 </div> <div> 19 </div> <div> 20 </div> <div> 21 </div> <div> 22 </div> <div> 23 </div> <div> 24 </div> <div> 25 </div> <div> 26 </div> <div> 27 </div> <div> 28 </div> <div> 29 </div> <div> 30 </div> <div> 31 </div> <div> 32 </div> <div> 33 </div> <div> 34 </div> <div> 35 </div> <div> 36 </div> <div> 37 </div> <div> 38 </div> <div> 39 </div> <div> 40 </div> <div> 41 </div> <div> 42 </div> <div> 43 </div> <div> 44 </div> <div> 45 </div> <div> 46 </div> <div> 47 </div> <div> 48 </div> <div> 49 </div> <div> 50 </div> <div> 51 </div> <div> 52 </div> <div> 53 </div> <div> 54 </div> <div> 55 </div> <div> 56 </div> <div> 57 </div> <div> 58 </div> <div> 59 </div> <div> 60 </div> <div> 61 </div> <div> 62 </div> <div> 63 </div> <div> 64 </div> <div> 65 </div> <div> 66 </div> <div> 67 </div> <div> 68 </div> <div> 69 </div> <div> 70 </div> <div> 71 </div> <div> 72 </div> <div> 73 </div> <div> 74 </div> <div> 75 </div> <div> 76 </div> <div> 77 </div> <div> 78 </div> <div> 79 </div> <div> 80 </div> <div> 81 </div> <div> 82 </div> <div> 83 </div> <div> 84 </div> <div> 85 </div> <div> 86 </div> <div> 87 </div> <div> 88 </div> <div> 89 </div> <div> 90 </div> <div> 91 </div> <div> 92 </div> <div> 93 </div> <div> 94 </div> <div> 95 </div> <div> 96 </div> <div> 97 </div> <div> 98 </div> <div> 99 </div> <div> 100 </div> <div> 101 </div> <div> 102 </div> <div> 103 </div> <div> 104 </div> <div> 105 </div> <div> 106 </div> <div> 107 </div> <div> 108 </div> <div> 109 </div> <div> 110 </div> <div> 111 </div> <div> 112 </div> <div> 113 </div> <div> 114 </div> <div> 115 </div> <div> 116 </div> <div> 117 </div> <div> 118 </div> <div> 119 </div> <div> 120 </div> <div> 121 </div> <div> 122 </div> <div> 123 </div> <div> 124 </div> <div> 125 </div> <div> 126 </div> <div> 127 </div> <div> 128 </div> <div> 129 </div> <div> 130 </div> <div> 131 </div> <div> 132 </div> <div> 133 </div> <div> 134 </div> <div> 135 </div> <div> 136 </div> <div> 137 </div> <div> 138 </div> <div> 139 </div> <div> 140 </div> <div> 141 </div> <div> 142 </div> <div> 143 </div> <div> 144 </div> <div> 145 </div> <div> 146 </div> <div> 147 </div> <div> 148 </div> <div> 149 </div> <div> 150 </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>

Old leyvan.com prototype (2013) - Script Codes CSS Codes

@import url(https://fonts.googleapis.com/css?family=Oswald:400,700|Quattrocento+Sans:400,700);
body { font-family: 'Quattrocento Sans'; font-weight: 400; background-color: #ecf0f1; color: #28323c; text-shadow: 0px 1px 2px rgba(40, 40, 60, 0.25);
}
h1,
h2,
h3,
h4,
h5 { font-family: 'Oswald'; font-weight: 700; text-shadow: 1px 1px 2px rgba(40, 40, 40, 0.5); color: #34495e; margin-bottom: 0.25em; -webkit-transition: text-shadow 1s ease-out;
}
h1:hover,
h2:hover,
h3:hover,
h4:hover,
h5:hover { text-shadow: 0px 0px 20px #27ae60 !important;
}
#side-menu { position: fixed; top: 0em; left: -0.25em; bottom: 0em; display: inline-block; width: 12em; background-color: #2c3e50; color: #ecf0f1; box-shadow: 0px 0px 5px #34495e; -webkit-transition: left 0.25s ease-out, top 0.25s ease-out, transform 0.5s ease-out;
}
#side-menu h1 a { text-decoration: none; color: #ecf0f1; line-height: 0.9em;
}
#side-menu h1,
#side-menu h2 { padding-left: 14px; color: #ecf0f1; cursor: default; margin-bottom: 0em;
}
#side-menu h1:hover { text-shadow: 2px 2px 10px rgba(80, 80, 80, 0.75);
}
#side-menu h2 { margin-top: 0em; margin-bottom: 2em; font-size: 0.75em;
}
#side-menu ul { list-style: none; padding: 0em; margin: 0em;
}
#side-menu ul li a { display: block; padding: 14px; margin: 0em; text-decoration: none; color: #ecf0f1; -webkit-transition: background 0.5s ease-out;
}
#side-menu ul li a span { position: relative; font-size: 2em; line-height: 0.5em; font-weight: bold; float: right; opacity: 0; -webkit-transition: opacity 0.5s ease-out;
}
#side-menu ul li a:hover { background-color: rgba(62, 83, 104, 0.5); -webkit-transition: background 0.25s ease-out; padding-left: 16px;
}
#side-menu ul li a:hover span { opacity: 1; -webkit-animation: menu-hover 2s infinite;
}
#side-menu ul li a:active { font-weight: 700; text-shadow: 0px 0px 2px #34495e; background-color: #3e5368;
}
@-webkit-keyframes menu-hover { 0% { left: 0em; } 50% { left: 0.125em; }
}
#page-content { margin-top: 2em; margin-left: 14em;
}
#page-content ul:not(#side-menu) { list-style: none; padding: 0; margin: 0;
}
#page-content ul:not(#side-menu) li:before { font-size: 1em; margin-right: 0.5em; content: "→"; color: #2c3e50;
}
#page-content div { margin-left: 20px;
}

Old leyvan.com prototype (2013) - Script Codes JS Codes

$(function() { $('a[href*=#]').click(function() { var target = $(this.hash); target = target.length ? target : $('[name=' + this.hash.slice(1) + ']'); if (target.length) { $('html,body') .stop() .animate({ scrollTop: target.offset().top }, 1000); return false; } });
});
Old leyvan.com prototype (2013) - Script Codes
Old leyvan.com prototype (2013) - Script Codes
Home Page Home
Developer Yvan Dumont
Username LeYvan
Uploaded December 08, 2022
Rating 3
Size 6,565 Kb
Views 8,096
Do you need developer help for Old leyvan.com prototype (2013)?

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!

Yvan Dumont (LeYvan) Script Codes
Name
Prodjask-Vue Exercice
A Pen by Yvan Dumont
Whyutils
Drive-Space-Info
Tile Map Test
Create amazing blog posts with AI!

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!