- tasarimiki

tasarimiki

üst

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <FCK:meta http-equiv="Content-Type" content="text/html; charset=utf-8"  /> <title>Patra Company</title> <link rel="stylesheet" type="text/css" href="style.css" media="screen" /> </head>  <body> <div id="main_container">  	<div id="top_banner">          <ul class="menu">             <li><a href="#" _fcksavedurl="#" class="nav">home</a></li>             <li><a href="#" _fcksavedurl="#" class="nav">team</a></li>             <li><a href="#" _fcksavedurl="#" class="nav">services</a></li>             <li><a href="#" _fcksavedurl="#" class="nav">catalog</a></li>             <li><a href="#" _fcksavedurl="#" class="nav">contact</a></li>         </ul>    	</div>           <div id="bannner_content">          <div class="left_box"><img src="https://img.webme.com/pic/b/belenlee-tr/logo.jpg" _fcksavedurl="https://img.webme.com/pic/b/belenlee-tr/logo.jpg" alt="" title="" /></div> 	<div class="right_box">     	<div class="slogan">     <h2>Logo Design Studio</h2>     Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<br />     <span>Andrew</span>     	</div>     </div>     <div class="bottom_box"></div>            </div>          <div id="center_content">     	<div id="left_content">         	<div class="left_title">Latest Projects</div>                          <div class="left_content_box">       <div class="menuu">             <ul>             <li><a href="#" _fcksavedurl="#">Ana Sayfa</a></li>              <li><a href="#" _fcksavedurl="#">Bize Ulaşın</a></li> <li><a href="#" _fcksavedurl="#">Ziyaretçi Defteri</a></li> <li><a href="#" _fcksavedurl="#">Tasarımlar </a></li> <li><a href="#" _fcksavedurl="#">Tasarım İstek</a></li> <li><a href="#" _fcksavedurl="#">Css Menüler</a></li>             </ul>             </div>                          </div>                      <div class="left_content_box">              </div>              <div class="left_content_box">                       </div>                      <div class="left_content_box">                        </div>               <div class="left_content_box">                          </div>                      <div class="left_content_box">                         </div>   			<div class="clear"></div>           </div>                           <div id="right_content">         	<div class="red_bar"><center> Tasarimkurdu | Tasarımın Kalbi Burada Atıyor </center>             </div>                          <h2>Welcome to our site</h2>             <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>                          <p><img src="https://img.webme.com/pic/b/belenlee-tr/p1.jpg" _fcksavedurl="https://img.webme.com/pic/b/belenlee-tr/p1.jpg" width="183" height="122" class="right" alt="" title=""/>             Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>                          <h2>Services</h2>             <div class="services">             <ul>             <li><a href="#" _fcksavedurl="#">Ana Sayfa</a></li>              <li><a href="#" _fcksavedurl="#">Sed ut perspiciatis unde omnis iste natus error sit voluptatem</a></li>               <li><a href="#" _fcksavedurl="#">Sed ut perspiciatis unde omnis iste natus error sit voluptatem</a></li>                <li><a href="#" _fcksavedurl="#">Sed ut perspiciatis unde omnis iste natus error sit voluptatem</a></li>                 <li><a href="#" _fcksavedurl="#">Sed ut perspiciatis unde omnis iste natus error sit voluptatem</a></li>             </ul>             </div>                          <h2>Partners & Clients</h2>                         <p><b>Our clients </b><br />             Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.Sed ut perspiciatis unde omnis</p>             <p><img src="https://img.webme.com/pic/b/belenlee-tr/c1.jpg" _fcksavedurl="https://img.webme.com/pic/b/belenlee-tr/c1.jpg" width="125" height="54" border="0" alt="" title="" />             <img src="https://img.webme.com/pic/b/belenlee-tr/c2.jpg" _fcksavedurl="https://img.webme.com/pic/b/belenlee-tr/c2.jpg" width="137" height="54" border="0" alt="" title=""/>             <img src="https://img.webme.com/pic/b/belenlee-tr/c3.jpg" _fcksavedurl="https://img.webme.com/pic/b/belenlee-tr/c3.jpg" width="114" height="54" border="0" alt="" title=""/>             <img src="https://img.webme.com/pic/b/belenlee-tr/c1.jpg" _fcksavedurl="https://img.webme.com/pic/b/belenlee-tr/c1.jpg" width="125" height="54" border="0" alt="" title=""/>             </p>                  </div>                                                       </div>      <div class="bottom_box"></div>      <div id="footer"> 		<div class="footer_links">                  <a href="#" _fcksavedurl="#" title="">home </a>                 <a href="#" _fcksavedurl="#" title="">about us </a>                 <a href="#" _fcksavedurl="#" title="">services</a>                 <a href="#" _fcksavedurl="#" title="">contact us</a>                </div>     	<div class="copyright">         <a href="http://tasarimkurdu.tr.gg" _fcksavedurl="http://tasarimkurdu.tr.gg"><img src="https://img.webme.com/pic/b/belenlee-fm/tklogo00.png" _fcksavedurl="https://img.webme.com/pic/b/belenlee-fm/tklogo00.png" alt="Tasarımın Kalbi" title="Tasarımın Kalbi" border="0" /></a>         </div> </div>      </div>	 </body> </html>

alt

css

body{ background:url(https://img.webme.com/pic/b/belenlee-tr/bg.jpg) no-repeat top center #89a19e; background-attachment:fixed; font-size: 12px; font-family:Arial, Helvetica, sans-serif; color:#1b1b1b; margin:0px; padding:0px; } h2{ padding:5px; font-size:18px; font-weight:bold; color: #FF2A07; margin:0px; font-style:italic; text-decoration:none; } .clear{ clear:both; } p{ color: #666666; text-align:justify; } #main_container{ padding:0; width: 850px; height: auto; margin:auto; background-color:#FFFFFF; } #top_banner{ width:850px; height:110px; margin:auto; background:url(https://img.webme.com/pic/b/belenlee-tr/header_bg.gif) no-repeat top left; } /*---------------menu------------*/ ul.menu { list-style-type:none; display:block; width:350px; height:61px; margin:auto; padding:20px 0 0 0;}  ul.menu li { display:inline;}  a.nav:link, a.nav:visited { display:block; float:left; padding:0px; margin-right:8px;width:61px; height:61px; text-align:center; font-weight:bold; font-size:12px; line-height:61px; text-decoration:none; color: #fff; background:url(https://img.webme.com/pic/b/belenlee-tr/bt_bg.gif) no-repeat center;}  a.nav:hover { display:block; float:left; padding:0px; margin-right:8px;width:61px; height:61px; text-align:center; font-weight:bold; font-size:12px; line-height:61px; text-decoration:none; color: #fff; background:url(https://img.webme.com/pic/b/belenlee-tr/bt_bg_a.gif) no-repeat center;}   /*------------------banner content-----------------*/ #banner_content{ width:850px; clear:both; height: auto; background-color:#FFFFFF; } .left_box{ width:315px; height:201px; float:left; } .right_box{ width:535px; height:201px; float:left; text-align:justify; background:url(https://img.webme.com/pic/b/belenlee-tr/banner-right.jpg) no-repeat center; background-position:0px 0px; } .slogan{ width:250px; height:auto; padding:25px; color: #666666; } .slogan span{ float:right; color:#009900; font-style:italic; font-weight:bold; } .bottom_box{ width:850px; height:13px; clear:both; background:url(https://img.webme.com/pic/b/belenlee-tr/banner-bottom.jpg) no-repeat center; } /*------------------center content-----------------*/ #center_content{ width:850px; height: auto; background-color:#FFFFFF; } .left_title{ width:171px; height:33px; padding:5px; text-align:center; line-height:30px; font-size:24px; font-style:italic; color:#FF2A07; } #left_content{ width:180px; height:auto; padding:5px; margin:5px; float:left; } .left_content_box{ background:url(https://img.webme.com/pic/b/belenlee-tr/menuuarka.bmp) ; width:190px; height:auto; float:left; margin:2px 0 2px 0; } .left_content_box a{ text-decoration:none; font-weight:bold; color:#666666; } .left_content_box a:hover{ text-decoration:underline; font-weight:bold; color:#000; } img.left{ float:left; border:1px #B3DBEF solid; margin:5px 5px 5px 8px; } img.right{ float:left; border:1px #666666 solid; margin:5px 10px 5px 5px; } p.leftp{ font-size:10px; color:#666666; text-align:justify; padding:5px; }  /*----------------------right content---------*/ #right_content{ width:630px; margin:10px 0 0 10px; float:left; } .red_bar{ width:630px; height:15px; background-color:#128DD0; color:#ffffff; font-size:12px;  } .services ul{ margin:0px; padding:0px; list-style:none; } .services li{ display:block; list-style:none; padding:3px; margin:4px 0 4px 0; } .services li a{ text-decoration:none; padding:5px 5px 5px 35px; font-size:12px; color:#000033; background:url(https://img.webme.com/pic/b/belenlee-tr/bullet.jpg) no-repeat left; background-position:10px 5px; } .services li a:hover{ text-decoration:none; padding:5px 5px 5px 35px; font-size:12px; color:#fff; background:url(https://img.webme.com/pic/b/belenlee-tr/bullet_a.jpg) no-repeat left #FF2A07; background-position:10px 5px; }   .menuu ul{ margin:0px; padding:10px;  list-style:none; } .menuu li{ display:block; list-style:none; padding:3px; margin:4px 0 4px 0; } .menuu li a{ text-decoration:none; padding:5px 5px 5px 35px; font-size:12px; color:#333333; background:url(https://img.webme.com/pic/b/belenlee-tr/bullet.jpg) no-repeat left; background-position:10px 5px; } .menuu li a:hover{ text-decoration:none;