Created
March 5, 2016 18:02
-
-
Save grisza12/d12bcabcf9cfa7f70bda to your computer and use it in GitHub Desktop.
Allegro Asus x401u
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<html lang="en"> | |
<head> | |
<meta> | |
<title>Asus</title> | |
<link href='https://fonts.googleapis.com/css?family=Roboto:400,500,700,300' rel='stylesheet' type='text/css'> | |
</head> | |
<body> | |
<div class="wrapper"> | |
<header class="header"><img src="http://www.asus.com/media/img/2015/images/asus-logo-white.png" alt="logo"><h1>Laptop ASUS X401-U HDD 320GB HDMI</h1></header> | |
<article class="main"> | |
<h2>Opis sprzętu</h2> | |
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p> | |
<h2>Specyfikacja sprzętu</h2> | |
<table> | |
<tr><td>przekątna ekranu LCD</td> <td> 14 cali</td><tr> | |
<tr><td>nominalna rozdzielczość LCD</td> <td> 1366 x 768 pikseli</td><tr> | |
<tr><td>powłoka ekranu</td> <td> błyszcząca (glare)</td><tr> | |
<tr><td>procesor</td> <td> AMD C</td><tr> | |
<tr><td>model procesora</td> <td> C-60 (1.0 GHz, 1 MB cache)</td><tr> | |
<tr><td>wielkość pamięci RAM</td> <td> 2 GB</td><tr> | |
<tr><td>typ zastosowanej pamięci RAM</td> <td> DDR3 (1333 MHz)</td><tr> | |
<tr><td>wolne gniazda pamięci</td> <td> 1</td><tr> | |
<tr><td>rodzaj dysku twardego</td> <td> magnetyczny (tradycyjny)</td><tr> | |
<tr><td>pojemność dysku magnetycznego</td> <td> 320 GB</td><tr> | |
<tr><td>napęd optyczny</td> <td> brak</td><tr> | |
<tr><td>karta graficzna</td> <td> AMD Radeon HD 6290</td><tr> | |
<tr><td>wyjścia karty graficznej</td> <td> 1 x wyjście D-Sub | 1 x wyjście HDMI</td><tr> | |
<tr><td>typ akumulatora</td> <td> litowo-jonowy | 6-komorowy</td><tr> | |
<tr><td>pojemność akumulatora</td> <td> 4400 mAh</td><tr> | |
<tr><td>karta dźwiękowa</td> <td> stereo</td><tr> | |
<tr><td>czytnik kart pamięci</td> <td> SD</td><tr> | |
<tr><td>komunikacja</td> <td> WiFi IEEE 802.11b/g/n | LAN 1 Gbps | Bluetooth</td><tr> | |
<tr><td>interfejsy</td> <td> 1 x USB 3.0 | 1 x USB</td><tr> | |
<tr><td>dodatkowe wyposażenie/funkcjonalność</td> <td> wbudowany mikrofon | kamera 0.3 Mpix</td><tr> | |
<tr><td>szerokość</td> <td> 341 mm</td><tr> | |
<tr><td>głębokość</td> <td> 235 mm</td><tr> | |
<tr><td>wysokość</td> <td> 32.3 mm</td><tr> | |
<tr><td>waga</td> <td> 1.76 kg</td><tr> | |
<tr><td>materiał obudowy</td> <td> aluminium | tworzywo sztuczne</td><tr> | |
<tr><td>kolor obudowy</td> <td> czarny | granatowy</td><tr> | |
<tr><td>stylistyka pokrywy</td> <td> czarna | granatowa</td><tr> | |
<tr><td>kolor ramki wyświetlacza LCD</td> <td> czarny</td><tr> | |
<tr><td>kolor klawiatury</td> <td> czarny</td><tr> | |
<tr><td>kolor wokół klawiatury</td> <td> czarny | granatowy</td><tr> | |
<tr><td>akcesoria</td> <td> zasilacz | bateria</td><tr> | |
<tr><td>dodatkowe informacje</td> <td> głośniki Altec Lansing</td><tr> | |
</table> | |
</article> | |
<aside class="aside aside-1"> | |
</aside> | |
<aside class="aside aside-2"> | |
<h3>Galeria zdjęć</h3> | |
<div class="foto"> | |
<img src="http://cdn.x-kom.pl/i/setup/images/prod/big/product-large,asus-x401u-wx060h-e2-1800m2gb320win8-124325,pr_2012_9_13_10_39_10_750.jpg" alt=""> | |
<img src="http://farm9.staticflickr.com/8447/7880958246_ff2b63d3d8.jpg" alt=""> | |
<img src="http://us.images.detik.com/content/2012/09/05/406/115901_asusslimbook.jpg" alt=""> | |
</div> </aside> | |
<footer class="footer"> | |
<img src="http://czynneoddo.pl/gfx/cc/images/cover_1416503120.png" alt=""> | |
<img src="http://www.payu.pl/sites/payupoland/files/logo_0.png" alt="payu"> | |
<img src="https://d3higte790sj35.cloudfront.net/C8ErOZyrFgXAvMxragZUc2uyJkg=//tb/tj/94c843d6b85784dc1d7c18bcc53dc38e.jpeg" alt=""> | |
</footer> | |
</div> | |
</body> | |
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
function fib(n) { | |
var f1 = 1; | |
var f2 = 1; | |
var tmp = 0; | |
for (var i = 2; i < n; i++) { | |
tmp = f1 + f2; | |
f1 = f2; | |
f2 = tmp; | |
} | |
document.write(tmp); | |
} | |
function pisz(){ | |
document.write("sadadssadasd") | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
body{ | |
font-family: 'Roboto', sans-serif; | |
max-width: 1200px; | |
margin: 0 auto; | |
} | |
tr:hover{ | |
font-weight:700; | |
} | |
img:hover{ | |
transform: scale(1.05); | |
transition: all 1s; | |
} | |
header{ | |
text-align: center; | |
background-color: black; | |
} | |
.footer{ | |
display: flex; | |
align-items: center; | |
justify-content: center; | |
} | |
h1{ | |
font-size: 25px; | |
color: white; | |
} | |
table{ | |
border: 2px dotted gray; | |
border-radius: 3px; | |
font-size: 15px; | |
display: flex; | |
justify-content: center ; | |
} | |
tr{ | |
font-style: italic; | |
} | |
.main{ | |
min-height: 500px; | |
-webkit-align-content: flex-start; | |
align-content: flex-start; | |
justify-content: center; | |
} | |
.aside-1{ | |
-webkit-align-content: flex-start; | |
align-content: flex-start; | |
justify-content: center; | |
} | |
.aside-2 { | |
padding: .5vw; | |
font-size: 0; | |
display: -ms-flexbox; | |
-ms-flex-wrap: wrap; | |
-ms-flex-direction: column; | |
-webkit-flex-flow: row wrap; | |
flex-flow: row wrap; | |
display: -webkit-box; | |
display: flex; | |
} | |
.aside-2 div{ | |
-webkit-box-flex: auto; | |
-ms-flex: auto; | |
flex: auto; | |
width: 200px; | |
margin: .5vw; | |
} | |
.aside-2 div img{ | |
width: 100%; | |
height: auto; | |
border-radius: 5px; | |
margin: 3px | |
} | |
.wrapper { | |
display: flex; | |
flex-flow: row wrap; | |
} | |
/* We tell all items to be 100% width */ | |
.header, .main, .nav, .aside, .footer { | |
flex: 1 100%; | |
} | |
/* We rely on source order for mobile-first approach | |
* in this case: | |
* 1. header | |
* 2. nav | |
* 3. main | |
* 4. aside | |
* 5. footer | |
*/ | |
/* Medium screens */ | |
@media all and (min-width: 600px) { | |
/* We tell both sidebars to share a row */ | |
.aside { flex: 1 auto; } | |
} | |
/* Large screens */ | |
@media all and (min-width: 800px) { | |
/* We invert order of first sidebar and main | |
* And tell the main element to take twice as much width as the other two sidebars | |
*/ | |
.main { flex: 2 0px; } | |
.aside-1 { order: 1; } | |
.main { order: 2; } | |
.aside-2 { order: 3; } | |
.footer { order: 4; } | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment