Zaloguj się

dymek3r · (Ten post był ostatnio modyfikowany: 01-07-2013, 21:45 przez dymek3r.)

Dobra daje całą stronę:

Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">

<HEAD>

<link href='http://fonts.googleapis.com/css?family=Pathway+Gothic+One&subset=latin,latin-ext' rel='stylesheet' type='text/css'>

<link href='http://fonts.googleapis.com/css?family=Viga&subset=latin,latin-ext' rel='stylesheet' type='text/css'>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">

<meta name="Description" content="STRONA GŁÓWNA NETMARK MEDIA. Firma zajmuje się dystrybucją internetu radiowego, kolokacją oraz grafiką komputerową na terenie miasta Kościerzyna oraz w okolicach." />

<meta name="Keywords" content="netmarkmedia,netmark,internet,internet radiowy,kolokacja,grafika,komputery,grafika komputerowa,Kościerzyna,powiat Kościerski,serwerownia,serwery,usługi,handel,sprzedaż,abonament" />

<title>NETMARK MEDIA - strona główna</title>

<link rel="stylesheet" href="css/style.css" type="text/css">

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<script type="text/javascript" src="js/responsiveslides.min.js"></script>

<script type="text/javascript" src="js/responsiveslides.js"></script>

</head>

<body>

<div class="wrapper"><div id="nav_logo"></div>

<div class="container"><ul class="menu" rel="sam1">

<li ><a href="index.html">HOME</a></li>

<li class="active"><a href="internet.html">INTERNET</a></li>

<li ><a href="kolokacja.html">KOLOKACJA</a></li>

<li><a href="monitoring.html">MONITORING</a></li>

<li><a href="panel.html">PANEL KLIENTA</a></li>

<li><a href="strefa.html">STREFA PROMOCJI</a></li>

<li><a href="kontakt.html">KONTAKT</a></li>

</ul>

</div>

</div>

</div>

<div id="bgtop">

<script type="text/javascript">

  $(function() {

    $(".rslides").responsiveSlides();

  });

</script>

<ul class="rslides">

  <li><img src="images/img2.jpg" alt=""></li>

  <li><img src="images/kep2.jpg" alt=""></li>

  <li><img src="images/kep3.jpg" alt=""></li>

</ul>

</div>

<div id="middle_bg">

<div>

<div id="30px"></div>

<div id="panel1"><div id="panel_top"><img src="images/img1m.png"><div id="title">INTERNET</div></div><p style="color:#333; padding-left:10px;text-align:center; font-size:15px;font-family: 'Viga', sans-serif; width:200px; height:200px">Oferujemy dostęp do szerokopasmowego internetu na terenie miasta Kościerzyna. Stale poszerzany zasięg pozwoli niebawem na świadczenie naszych usług na większości powierzchni powiatu Kościerskiego.</p></div>

<div id="panel2"><div id="panel_top"><img src="images/img2m.png"><div id="title">RZETELNOŚĆ</div></div><p style="color:#333; padding-left:15px;text-align:center; font-size:15px;font-family: 'Viga', sans-serif; width:200px; height:200px">Gwarantujemy, że wybrane przez nas rozwiązania informatyczne będą charakteryzować się wysoką wydajnością i bezawaryjną pracą. Dodatkowo zapewniamy wsparcie ze strony technicznej w razie doraźnych kłopotów czy jakichkolwiek awarii.</p></div>

<div id="panel3"><div id="panel_top"><img src="images/img3m.png"><div id="title">POTENCJAŁ</div></div><p style="color:#333; padding-left:10px;text-align:center; font-size:15px;font-family: 'Viga', sans-serif; width:200px; height:200px">Posiadamy zasoby, które zapewnią Twojej firmie profesjonalne doradztwo w oparciu o najnowsze technologie oraz nowoczesne rozwiązania zarówno projektowe jak i sprzętowe.</p></div>

<div id="panel4"><div id="panel_top"><img src="images/img4m.png"><div id="title">KOSZTY</div></div><p style="color:#333; padding-left:15px;text-align:center; font-size:15px;font-family: 'Viga', sans-serif; width:200px; height:200px">W porównaniu przewidywanych lub obecnie ponoszonych kosztów obslugi sieci w Twojej firmie do cen innych uslugodawców tego typu, wypadamy bezkonkurencyjnie.</p></div>

</div>

<div id="netmark">

<div id="line1"></div><div id="NETMARK">NETMARK MEDIA</div><div id="line1"></div>

<div id="spis">

    <li><img src="images/internet_device.png" style="padding:10px; margin-left:20px;" ><div id="panel"><div id="text_panel2">Naszym celem jest świadczenie usług o wysokiej jakości przy możliwie jak najniższej cenie. Osiągamy to dzięki innowacyjnym rozwiązaniom oraz dzięki naszemu kapitałowi ludzkiemu.</div></div></li>

    <li><img src="images/tech_support.png" style="padding:10px; margin-left:20px;"><div id="panel"><div id="text_panel2">W NetMark Media oferujemy Państwu doradztwo, sprzedaż oraz wsparcie techniczne w zakresie sieci komputerowych.</div></div></li>

    <li><img src="images/advancedsettings.png" style="padding:10px; margin-left:20px;"><div id="panel"><div id="text_panel2">Przeprowadzimy każdy etap wdrażanych usprawnień od planowania, dostarczenia sprzętu i oprogramowania po instalację, konfigurację ustawień, budowę sieci komputerowych jak i administrację.</div></div></li>    

    <li><img src="images/idea.png" style="padding:10px; margin-left:20px;"><div id="panel" ><div id="text_panel2">Odpowiadamy na pytania i uczymy, jak rozwiązywać niewielkie problemy ze sprzętem oraz podpowiadamy jak uniknąć podobnych problemów z komputerem w przyszłości. Doradzamy we wszelkich kwestiach dotyczących sprzętu komputerowego i jego użytkowania.</div></div></li>

</div>

</div>

<div id="pub">

<div id="spr">SPRAWDŹ TAKŻE</div>

<div id="spr2">PRĘDKOŚĆ TWOJEGO ŁĄCZA</div>

<div style="margin: 0 auto;  width: 300px; height: 215px; text-align: center; ">

        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="300" height="215">

            <param name="movie" value="speedmini.swf">

            <param name="quality" value="high">

            <param name="bgcolor" value="#353434">

            <embed src="speedmini.swf" quality="high" bgcolor="#353434" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="215"></embed>

        </object><br>

        <!-- DO NOT REMOVE THIS LINK -->

        <a style="color: white; font: 12px Verdana;" href="http://www.speedtest.pl">Internet Speed Test</a>

        <!-- DO NOT REMOVE THIS LINK -->

    </div>

</div>

</div>

<div id="bottom"><div id="stopka"><div id="fb"><a href="https://www.facebook.com/pages/Netmark-Media/515063341865053?fref=ts"><img src="images/icon1.jpg"/></a></div></div></div>

</body>

</html>

CSS:

Kod:
    body {

    margin: 0 auto;

    padding: 0;

    background: #fff ;

    width:960px;

    border-color:#fff;

    }

    #h1 {font-family: Verdana, Arial, Times New Roman; color:#3399cc; font-size:13px;}

    .container {height:82px;width:790px; margin-left:170px; margin-top:-85px;}

    .wrapper {

    width: 100%;

    height: 80px;

    background : #000000;

    background : rgb(69,69,69);

    background : rgb(69,69,69);

    border-top: 2px solid #939393;

    position: relative;

}

    #navigation {

    background:url(../images/panel.png) no-repeat;

    height: 70px;

    width:960px;

    position:absolute;

    margin: 0 auto;

    z-index:1;

    }

    #nav_logo {

    background:url(../images/logo.png) no-repeat;

    width:170px;

    height:70px;

    z-index:2;

    margin-left:0px;

    margin-top:15px;

    }

    #menu {

    margin-left:280px;

    margin-top:-80px;

    height:50px;

    font-family: Times New Roman, Arial;

    }

    #line {width:960px; height:1px; color:#fff; margin:top:-17px; z-index:3; position:absolute;}

    #bottom {background:url(../images/bottom.png) no-repeat; width:960px; height:200px;}

    #slider {position:absolute;width:960px;height:453px;overflow:hidden;z-index:2}

    .items {display:none}

    .banner {z-index:2;right:32px;color:#a0a0a0;width:350px}

.title {font-size:47px;line-height:1.2em;letter-spacing:-2px;display:block;padding-bottom:9px}

.title .color2 {color:#000}

.title span {display:block;margin-top:-17px}

.banner .button1 {font-size:28px;padding:0 24px;height:49px;line-height:46px;margin-top:-1px;letter-spacing:-2px}

.banner .button1:hover {background:#090909;color:#fff}

.signature {text-align:right;display:block;color:#5f870e;line-height:20px;padding-top:6px}

.signature strong {display:block;color:#fff}

.color1 {color:#5f870e}

.color2 {color:#fff}

ul {

    margin: 0;

    padding: 0;

}

ul.menu {

    height: 80px;

    border-left: 1px solid rgba(0,0,0,0.3);

    border-right: 1px solid rgba(255,255,255,0.3);

    float:left;

}

ul.menu li {

    font-size:11px;

    font-family:Arial, Verdana, Times New Roman;

    list-style: none;

    float:left;

    height: 80px;

    text-align: center;

    background: -webkit-gradient(radial, 50% 100%, 10, 50% 50%, 90, from(rgba(31,169,244,1)), to(rgba(0,28,78, 1)) );

    background: -moz-radial-gradient(center 80px 45deg, circle cover, rgba(31,169,244,1) 0%, rgba(0,28,78, 1) 100%);

    }

ul li a {

    text-decoration:none;

    color:#fff;

    display: block;

    padding: 0 20px;

    border-left: 1px solid rgba(255,255,255,0.1);

    border-right: 1px solid rgba(0,0,0,0.1);

    text-align: center;

    line-height: 79px;

    background : rgb(69,69,69);

    background : -moz-linear-gradient(top, rgb(168,168,168), rgb(69,69,69));

    -webkit-transition-property: background;

    -webkit-transition-duration: 700ms;

    -moz-transition-property: background;

    -moz-transition-duration: 700ms;

    }

ul li a:hover {

    background: transparent none;

    color:#fff;

}

ul li.active a{

    background: -webkit-gradient(radial, 50% 100%, 10, 50% 50%, 90, from(rgba(31,169,244,1)), to(rgba(0,28,78, 1)) );

    background: -moz-radial-gradient(center 80px 45deg, circle cover, rgba(31,169,244,1) 0%, rgba(0,28,78, 1) 100%);

}

#spis li {display:block;}

#home {  width:50px; height:40px; margin-top:10px; border-right-style:solid; border-color:#ccc; border-right-width: 1px;}

#internet { width: 50px; height: 40px; margin-left:70px; margin-top:-40px;border-right-style:solid; border-color:#ccc; border-right-width: 1px;}

#kolokacja {width: 60px; height: 40px; margin-left:130px; margin-top:-40px;border-right-style:solid; border-color:#ccc; border-right-width: 1px;}

#monitoring {width: 60px; height: 40px; margin-left:200px; margin-top:-40px;border-right-style:solid; border-color:#ccc; border-right-width: 1px;}

#ibok {width: 50px; height: 40px; margin-left:270px; margin-top:-40px;border-right-style:solid; border-color:#ccc; border-right-width: 1px;}

#promo{width: 100px; height: 40px; margin-left:320px; margin-top:-40px;border-right-style:solid; border-color:#ccc; border-right-width: 1px;}

#contact {width: 50px; height: 40px; margin-left:430px; margin-top:-40px;}

ul a:hover {

    color:#0066cc;

}

#bgtop {

    width:960px;

    height:453px;

}

#white_line {

background:#fff;

width:960px;

height:1px;

border-bottom-style: ridge;

}

#middle_bg {

    background:url(../images/middle_bgg.png) no-repeat;

    width:960px;    

    height: 1000px;

    padding-top:30px;

}

#fb {

float:right;

margin-top: -25px;

margin-right:10px;

width:26px;

height:26px;

z-index:2;

}

#spr {width:360px; text-align:center; font-size:18px; color:#ccc; font-family:Arial, Times New Roman; padding-bottom:15px;padding-top:15px;}

#spr2 {width:360px; text-align:center; font-size:14px; color:#ccc; font-family:Arial, Times New Roman; padding-bottom:20px; padding-top:20px;}

#line1 {width:960px; height:1px; background:#ccc;}

#NETMARK {width:600px; text-align:center; font-size:18px; color:#ccc; font-family:Arial, Times New Roman; padding-top:15px; padding-bottom:15px;}

#text_panel2 {color:#666;font-size:16px; font-family: 'Pathway Gothic One', sans-serif; padding-top:20px; padding-left:10px; padding-right:10px;}

#pasek2 { width:400px; height:46px; background:url(../images/pasek222.png) no-repeat;}

#pas {color:#666; font-family: Verdana, Arial, Times New Roman; padding-top:12px; padding-left:5px; text-align:center;}

#panel {margin-left:150px; margin-top:-120px;width:450px; height:120px; background:url(../images/panel_p.png) no-repeat; }

#panel1 { width:235px; height:300px;  margin-left:5px; background: url(../images/text_panel.png) no-repeat; } 

#panel2 { width:235px; height:300px;   margin-top:-300px;margin-left:244px; background: url(../images/text_panel.png) no-repeat; } 

#panel3 { width:235px; height:300px;  margin-top:-300px;margin-left:484px; background: url(../images/text_panel.png) no-repeat;} 

#panel4 { width:235px; height:300px; margin-top:-300px; margin-left:723px; background: url(../images/text_panel.png) no-repeat;} 

#pasek_text {width:960px; height:auto; background:url(../images/pasek_text.png) repeat-y;}

#panel_top {width:235px; height:50px;color:#3399cc; font-size: 18px; font-family:Arial, Verdana, Times New Roman; padding-left:10px; padding-top:10px; }

#title {width:165px; height:30px; margin-left:60px; margin-top:-40px; }

#30px {width:235px; height:30px; margin-top:30px;}

#netmark {width:600px; height: 500px; margin-top:50px;  }

#pub {width:360px; height:500px; margin-left:600px; margin-top:-500px;}

.rslides {

  position: relative;

  list-style: none;

  overflow: hidden;

  width: 960px;

  padding: 0;

  margin: 0;

  }

.rslides li {

  -webkit-backface-visibility: hidden;

  position: absolute;

  display: none;

  width: 960px;

  left: 0;

  top: 0;

  }

.rslides li:first-child {

  position: relative;

  display: block;

  float: left;

  }

.rslides img {

  display: block;

  float: left;

  width: 960px;

  height: 450px;

  border: 0;

  }

Co do pozycjonowania, to nie wiem dlaczego tak jest, tak było oryginalnie...

Dołączam w razie czego pliki *js.

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie