Skocz do zawartości

ID Gra MOD Sloty IP Serwera Monitoring GameTracker HLTV Połącz
#1 Only DD2 #1 32 91.224.117.59:27130
#2 Only DD2 #2 31 145.239.16.122:27015
#3 CSGO:MOD 32 91.224.117.53:27160
#4 CodMod [201lvl] 27 145.239.236.193:27090
#5 JailBreak 20 46.29.21.219:27280
#6 TeamSpeak3 30 91.224.117.16:9995
Tabela serwerów @ Copyright by Stara-Gwardia.pl
Zaloguj się, aby obserwować  
XtremE

[HTML/CSS] Moja pierwsza Strona

Polecane posty

Moja pierwsza strona którą napisałem na lekcje informatyki, dosyć dawno temu :)

Wspomnienia wracają :D

 

 

 

HTML

 
	 
<!DOCTYPE HTML>
<html lang="pl">
<head> 
      
      <meta charset="utf-8" />
      <meta http-equiv="UA-X-Compatible" content="IE=edge,chrome=1" />
      <title> Filmy.pl - Twoja Strona Wiedzy</title>
      <meta name="description" content="Strona poświęcona filmom" />
      <meta name="keywords" content="Filmy,info o filmach, info filmy" />
      
      <link rel="stylesheet" href="style.css" type="text/css" />
      
</head>
	<body>
	    <div id="container">
    
    <div id="logo">
         Filmy.pl 
    </div>
    
    <div id="menu">
     <div class="option"><a href="index.html"> Strona Główna </a></div>
    <div class="option"><a href="filmy_akcji.html"> Filmy Akcji</a></div>
    <div class="option"><a href="komedie.html"> Komedie</a></div>
    <div class="option"><a href="dramat.html"> Dramaty</a></div>
    <div class="option"><a href="przygodowa.html"> Przygodowe</a></div>
    <div style="clear:both;"></div>
    
    </div>
    
    <div id="topbar">
    
    <div id="topbarR">
    <span class="bigtitle">Nowinki ze świata filmów</span>
    <div style="height: 15px;"></div>
    </div>
    <div style="clear:both;">
    
    </div>
    
    </div>
    
    <div id="sidebar">
    <div class="optionL"><a href="index.html"> Strona Główna </a></div>
    <div class="optionL"><a href="filmy_akcji.html"> Filmy Akcji</a></div>
    <div class="optionL"><a href="komedie.html"> Komedie</a></div>
    <div class="optionL"><a href="dramat.html"> Dramaty</a></div>
    <div class="optionL"><a href="przygodowa.html"> Przygodowe</a></div>
    </div>
    
    <div id="content">
    <span class="bigtitle">Witamy na naszej stronie u nas dowiesz się wszystkiego!</span>
    <br /><br />
    <center><img src="img/img.gif" alt="obrazek" width="640" height="400" /></center>
	    
    
    <br /><br />
    <span class="bigtitle">Co nowego w kinach?</span>
    <div class="dottedline"></div>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris efficitur massa ac dolor vulputate tempus. Etiam dignissim odio a dapibus fringilla. Mauris in purus tincidunt, pretium augue vitae, molestie felis. Suspendisse sit amet neque at ante ultrices viverra. Aliquam nec purus id lacus fermentum sagittis. Mauris egestas risus neque, facilisis tincidunt augue tincidunt at. Mauris eget purus ligula. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam semper sodales nunc at auctor. Nulla lobortis tincidunt volutpat. Sed a feugiat massa, non finibus lorem. Proin fringilla iaculis mi, vitae commodo augue. Nam molestie ultricies nisl, eget placerat nulla mollis sed.
    <br /> <br />
	Integer id dui ornare, malesuada nunc vitae, interdum ex. Fusce pellentesque augue non vulputate ornare. Vestibulum ultricies, mi eget volutpat elementum, enim sapien euismod augue, eu viverra sem lectus sed magna. Sed porttitor purus nec maximus dignissim. Praesent consectetur, orci ac laoreet ultrices, sapien neque pellentesque mi, ac pharetra nunc nibh id tellus. Nullam pulvinar ipsum a aliquam laoreet. Suspendisse euismod fermentum ipsum at bibendum. Pellentesque pellentesque pretium lorem, sit amet consectetur ipsum ultrices vel. Aliquam egestas nunc eget sagittis vestibulum. Pellentesque egestas porta varius. Nullam sit amet eleifend diam. Vivamus ut nisi risus.
<br /><br />
	Aliquam ligula tortor, feugiat eget efficitur eu, blandit posuere tortor. Donec vitae sapien ut nunc tincidunt faucibus at a mi. Proin eu risus velit. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam at elementum sem, et luctus nibh. Duis viverra diam lectus, vel ultricies nunc faucibus sit amet. Vivamus eleifend consequat nibh id aliquam. Nullam tincidunt velit id vulputate bibendum. Aenean ac gravida metus, in congue nisl. Nulla lacus lorem, fermentum tempus turpis eget, feugiat fringilla justo. Aenean pharetra ligula non quam luctus, ut fermentum lorem vulputate. Pellentesque commodo pretium risus, nec hendrerit est accumsan eu. Suspendisse pharetra dui mauris, vitae fermentum augue maximus eget. Morbi suscipit semper ligula sed hendrerit.
<br /><br />
	    </div>
    
    <div id="footer">
        2017 © XtremE <br /><br />
	        @ Wszelkie Prawa Zastrzeżone 
    
    </div>
    
    
    </div>
	
</body>
</html>
	

CSS

body 
{
   background-color: #404040;
   font-family: 'Roboto', Tahoma, Verdana, Arial, Sans-Serif;
   
}
#container 
{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    
    
}
#logo 
{
  color: white;
  margin-top: 20px;
  font-size: 44px;
  letter-spacing: 3px;
    
}
#menu 
{
    background-color: #303030;
    margin-top: 20px;
    color: white;
    padding: 10px;
    
}
#topbar 
{
    background-color: #128870;
    color: white;
    margin-top: 20px;
    margin-bottom: 25px;
    height: 170px:
}
#topbarR
{
    float: left;
    padding: 20px;
    width: 760px;
    font-size: 16px;
    text-align: justify
    
}
	
#sidebar 
{
    float: left;
    width: 148px;
    min-height: 620px;
    padding: 20px;
    background-color: lightgray;
    text-align: center;
    font-size: 18px;
    border-right: 2px dotted #666666;
	}
#content 
{
    float: left;
    padding: 40px;
    width: 730px;
    background-color: #dedede;
    min-height: 580px;
    text-align: justify;
}
#footer 
{
    clear: both;
    color: white;
    text-align: center;
    padding: 20px;
    font-size: 18px;
}
.option 
{
    float: left;
    min-width: 50px;
    height: 25px;
    font-size: 18px;
    padding: 10px;
    border-right: 2px dotted #444444;
    opacity: 0.8:
    
}
.option:hover
{
    background-color: #000000;
    cursor: pointer;
    
}
.optionL 
{
    fomt-size: 18px;
    height: 25px;
    padding: 10px;
    border-bottom: 2px dotted #444444;
    
}
.optionL:hover
{
    background-color: #f36742;
    color: white;
    cursor: pointer;
    
}
.bigtitle
{
    font-size: 32px;
    font-weight: 900;
    letter-spacing: 2px;
    
}
.dottedline
{
    height: 5px;
    margin-top: 15px;
    marrgin-bottom: 20px;
    border-bottom: 2px dotted #444444;
}
a:link,
a:visited,
a:hover,
a:active {
    color: #737472;
    text-decoration: none;
}
	

 

 

strona.rar

Edytowano przez XtremE

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
Gość
Temat jest zablokowany i nie można w nim pisać.
Zaloguj się, aby obserwować  

  • Kto przegląda   0 użytkowników

    Brak zalogowanych użytkowników przeglądających tę stronę.

×