Skip to content

Instantly share code, notes, and snippets.

@Miha-Pleskovic

Miha-Pleskovic/index.html

Last active July 15, 2016 13:30
Show Gist options
  • Save Miha-Pleskovic/c841b61a82b297089e07d5de6b536e9d to your computer and use it in GitHub Desktop.
Save Miha-Pleskovic/c841b61a82b297089e07d5de6b536e9d to your computer and use it in GitHub Desktop.
Download ZIP
Fakebook
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Vinko Groznik - Fakebook</title>
<style>
img {
position: absolute;
}
#head {
height: 7em;
border-bottom: 0.3em solid black;
margin-left: 20em;
}
#name {
font-size: 2em;
display: inline-block;
}
#logo {
font-size: 3em;
display: inline-block;
float: right;
}
#desc {
height: 10.8em;
width: 30em;
margin: 0.5em 0em 0em 20em;
}
#stats {
height: 21em;
width: 15.6em;
font-size: 1.2em;
display: inline-block;
float: left;
}
#other {
display: inline-block;
height: 20em;
width: 30em;
font-size: 1.3em;
margin-left: 1em;
}
div img {
border: 0.1em solid black;
border-radius: 1em;
margin-left: 1em;
}
div img:hover {
border: 0.2em solid green;
}
table {
margin-top: -2.8em;
}
table tr td {
height: 120px;
width: 120px;
}
</style>
</head>
<body>
<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>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment