Skip to content

Instantly share code, notes, and snippets.

View VasVV's full-sized avatar

VasVV VasVV

1 follower · 2 following
  • Barcelona
View GitHub Profile
@VasVV
VasVV / Learning Coding.html
Last active July 21, 2020 14:54
Learning Coding - Pure CSS
<div class="container">
<div id='up'></div>
<div id="central"></div>
<div id="bottom"></div>
</div>
@VasVV
VasVV / Tribute page.html
Created July 21, 2020 14:45
Tribute page - HTML
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
<body>
<div id="main">
<div id="title"> <h1>Friedrich Hayek</h1> </div>
<div id="img-div"> <img id="image" src="https://i.ytimg.com/vi/SHsCkinrCPE/maxresdefault.jpg"> <div id="img-caption"> Friedrich August von Hayek </div>
<div id="tribute-info">
<p> F. A. Hayek’s life spanned the twentieth century, and he made his home in some of the great intellectual communities of the period. </p>
<p>Born Friedrich August von Hayek in 1899 to a distinguished family of Viennese intellectuals, Hayek attended the University of Vienna, earning doctorates in 1921 and 1923. Hayek came to the University at age 19 just after World War I, when it was one of the three best places in the world to study economics (the others being Stockholm and Cambridge).</p>
@VasVV
VasVV / Random Quote Machine.html
Last active July 21, 2020 14:45
Random Quote Machine - Javascript
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
<div id="quote-box">
<div id='text'>
Press a button to see the new quote
</div>
<div id='author'>
made by Vasilii V aka design is not my thing
</div>
<button id='new-quote' onclick='quote()'>New Quote </button>
@VasVV
VasVV / JS Clock.html
Last active July 21, 2020 14:44
JS Clock - Javascript
<div class="clock">
<div class="clock-face">
<div class="hand" id= "hour-hand"></div>
<div class="hand" id="min-hand"></div>
<div class="hand" id="second-hand"></div>
</div>
</div>
<div id = 'fulltime'>
@VasVV
VasVV / Markdown Previewer.html
Created July 21, 2020 14:42
Markdown Previewer - React
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
<div id='app'>
</div>
@VasVV
VasVV / drum-kit-react.markdown
Created July 21, 2020 14:42
Drum kit - React
@VasVV
VasVV / Menu.html
Last active July 21, 2020 14:41
Menu - React
<div id='root'>
</div>
@VasVV
VasVV / To Do List.html
Created July 21, 2020 14:40
To do - Vanilla JS
<div class='containter'>
<div class='row'>
<div class='col s12'>
<div id='main' class='card'>
<div class='card-content'>
<span class='card-title'>Task List</span>
<div class='row'>
<form id='task-form'>
<div classs='input-field col s12'>
<input type='text' name='task' id='task'>
@VasVV
VasVV / Loan Calculator.html
Created July 21, 2020 14:39
Loan Calculator - Vanilla JS, Bootstrap
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
@VasVV
VasVV / book-database-vanilla-js-skeleton.markdown
Created July 21, 2020 14:39
Book database - Vanilla JS, Skeleton