Skip to content

Instantly share code, notes, and snippets.

@Miha-Pleskovic

Miha-Pleskovic/index.html

Last active July 15, 2016 13:32
Show Gist options
  • Save Miha-Pleskovic/96371f841e5bf74e3c9aab59ccadc75d to your computer and use it in GitHub Desktop.
Save Miha-Pleskovic/96371f841e5bf74e3c9aab59ccadc75d to your computer and use it in GitHub Desktop.
Download ZIP
Fakebook v2.0
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="description" content="Vinko Groznik - Fakebook osebna stran // USTVARI SI SVOJ FAKEBOOK PROFIL ŠE DANES">
<meta name="keywords" content="Vinko, Groznik, Fakebook">
<meta name="author" content="Miha Pleskovič">
<link type="text/css" rel="stylesheet" href="style.css">
<title>Vinko Groznik - Fakebook</title>
</head>
<body>
<div id="menu">
<a href="http://www.qwant.com">
<div class="menu-button">
<p>Odjava</p>
</div>
</a>
<a href="http://www.qwant.com">
<div class="menu-button">
<p>Nastavitve</p>
</div>
</a>
<a href="http://www.qwant.com">
<div class="menu-button" id="selected">
<p>Osebno</p>
</div>
</a>
<a href="http://www.qwant.com">
<div class="menu-button">
<p>Dogodki</p>
</div>
</a>
<a href="http://www.qwant.com">
<div class="menu-button">
<p>Objave</p>
</div>
</a>
</div>
<br>
<img src="https://lh3.ggpht.com/vfNp6TC2CNJmXqyisVuwUDXxeETATk8D3a7jsOaWvjKsn_cbabRyciTOO1V8fPrzqPa4=w300">
<div id="head">
<div id="name">
<br>
<p><strong>Vinko Groznik</strong> <button>dodaj za prijatelja</button> <button>blokiraj uporabnika</button></p>
</div>
<div id="logo">
<p><i>FAKEBOOK</i></p>
</div>
</div>
<div id="desc">
<p><strong>O sebi:</strong></p>
<p style="font-family: Arial";>Popolnoma trezen in zanesljiv voznik. Name se lahko kadarkoli zanesete, nikoli vas ne bom pustil na cedilu, še posebej ne na kakšni hudi zabavi. O vas bom govoril samo najlepše ob kozarcu vode. V gostilne ne zahajam, ker se tam ne počutim najbolje. Prav tako ne maram pretepov in nasilja, še posebej ne do žensk.<br><br>Naj vas moja profilna slika ne zavede. To sem bil samo za pusta :).</p>
</div>
<div id="stats">
<strong>SPOL:</strong> <i>moški</i><br><br>
<strong>STAROST:</strong> <i>23 let</i><br><br>
<strong>KRAJ:</strong> <i>Ljubljana</i><br><br>
<strong>IZOBRAZBA:</strong> <i>diplomirana vaška pijandura</i><br><br>
<strong>HOBIJI:</strong>
<ul><i>
<li>preizkušanje vina</li>
<li>degustacija piva</li>
<li>druženje s kolegi</li>
<li>blatne kopeli</li>
</i></ul><br>
<strong>STATUS:</strong> <i>samski</i>
</div>
<div id="other">
<strong>TOP PRIJATELJI:</strong>
<table>
<tr>
<td>
<a href="http://www.qwant.com">
<img src="https://cdn.meme.am/images/100x100/4802831.jpg">
</a>
</td>
<td>
<a href="http://www.qwant.com">
<img src="http://blacksportsonline.com/home/wp-content/uploads/2016/04/this-guy-needs-a-beer-mugshot-100x100.jpg">
</a>
</td>
<td>
<a href="http://www.qwant.com">
<img src="http://swiperightdiaries.co.uk/wp-content/uploads/2014/11/Drunk-guy-100x100.jpg">
</a>
</td>
<td>
<a href="http:www.qwant.com">
<img src="http://assets.passedoutphotos.com/hashed_silo_content/silo_content/953/icon/passedout-photos-1219293918-18315.jpg">
</a>
</td>
<td>
<a href="http://www.qwant.com">
<img src="https://cdn.meme.am/images/100x100/3953889.jpg">
</a>
</td>
</tr>
</table>
<br><br><strong>TOP FILMI:</strong>
<table>
<tr>
<td>
<a href="http://www.qwant.com">
<img src="http://assets.rollingstone.com/assets/2016/article/11-best-movies-of-2016-so-far-20160621/245495/small_square/1466114392/100x100-2016-best-movies-so-far.jpg">
</a>
</td>
<td>
<a href="http://www.qwant.com">
<img src="http://img3.rnkr-static.com/user_node_img/916/18310185/W100/the-avengers-films-photo-u4.jpg">
</a>
</td>
<td>
<a href="http://www.qwant.com">
<img src="http://img1.rnkr-static.com/user_node_img/110/2186618/W100/the-dark-knight-films-photo-u19.jpg">
</a>
</td>
<td>
<a href="http://www.qwant.com">
<img src="http://img1.rnkr-static.com/user_node_img/3705/74086582/W100/minions-films-photo-u1.jpg">
</a>
</td>
<td>
<a href="http://www.qwant.com">
<img src="http://img.cinemablend.com/filter:centercrop/quill/a/3/6/f/9/b/a36f9bc9b21db56cefe41130e93d6751f56d073f.jpg?w=100&h=100">
</a>
</td>
</tr>
</table>
<br><br><strong>TOP GLASBA:</strong>
<table>
<tr>
<td>
<a href="http://www.qwant.com">
<img src="http://a2.mzstatic.com/us/r30/Music20/v4/13/a9/c5/13a9c572-bf58-cd2e-c55a-8556686e9c83/cover100x100.jpeg">
</a>
</td>
<td>
<a href="http://www.qwant.com">
<img src="http://is1.mzstatic.com/image/thumb/Music/v4/eb/06/a9/eb06a972-f8a7-6311-33bf-9d2124e2f953/source/100x100bb.jpg">
</a>
</td>
<td>
<a href="http://www.qwant.com">
<img src="https://media2.wnyc.org/i/100/100/h/80/1/OjaiMusicFestival2015.0614.08.jpg">
</a>
</td>
<td>
<a href="http://www.qwant.com">
<img src="http://a4.mzstatic.com/us/r30/Music/v4/a9/7d/01/a97d01d4-2eaf-a12c-e850-5e2a256363ae/cover100x100.jpeg">
</a>
</td>
<td>
<a href="http://www.qwant.com">
<img src="https://media.licdn.com/mpr/mpr/shrink_100_100/AAEAAQAAAAAAAAcSAAAAJDE3MjAzZTIxLWM2ZjAtNGNkMi04YWYxLWM3ZGRmNDA2YWQ1Ng.jpg">
</a>
</td>
</tr>
</table>
</div>
<div id="ads">
<a href="http://www.qwant.com">
<img src="http://www.heybannerbanner.com/client_folders/QS/600s/150_sleep1_600.gif">
</a>
</div>
</body>
</html>
Raw
style.css
#menu {
position: fixed;
height: 2em;
width: 100%;
margin-top: -0.5em;
margin-left: -0.5em;
background-color: #0073a2;
z-index: 1;
}
.menu-button {
color: white;
text-align: center;
display: inline-block;
float: right;
width: 5em;
height: 2.5em;
margin-top: -0.5em;
}
.menu-button:hover {
background-color: #004f6f;
}
#selected {
font-weight: bold;
text-shadow: 0em 0em 0.5em white;
}
img {
position: absolute;
}
#head {
height: 7em;
width: 63em;
border-bottom: 0.3em solid black;
margin-left: 20em;
}
#name {
font-size: 2em;
display: inline-block;
float: left;
}
#logo {
font-size: 3em;
display: inline-block;
float: right;
}
#desc {
height: 11em;
width: 49.4em;
margin: -1em 0em 2em 20em;
display: inline-block;
float: left;
}
#stats {
height: 21em;
width: 15.6em;
font-size: 1.2em;
display: inline-block;
float: left;
margin-top: -1.2em;
}
#other {
display: inline-block;
height: 25em;
width: 38em;
font-size: 1.3em;
margin: 10em 0em 0em -22.2em;
float: left;
position: absolute;
}
#other img {
border: 0.1em solid black;
border-radius: 1em;
margin-left: 1em;
}
#other img:hover {
border: 0.2em solid green;
}
table {
margin-top: -2.8em;
}
table tr td {
height: 120px;
width: 120px;
border-right: 1.5em solid white;
border-bottom: 1.5em solid white;
}
#ads {
display: inline-block;
position: absolute;
height: 600px;
width: 160px;
margin: 0.2em 0em 0em 24em;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment