Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Allegro Asus x401u
<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>
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")
}
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