<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>web</title>
<link href="menu_assets/styles.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
<script type="text/javascript" src="js/jcarousellite_1.0.1c4.js"></script>
<link rel="stylesheet" href="themes/default/default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="themes/light/light.css" type="text/css" media="screen" />
<link rel="stylesheet" href="themes/dark/dark.css" type="text/css" media="screen" />
<link rel="stylesheet" href="themes/bar/bar.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
<style type="text/css">
/*new*/
.html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size:13px;
vertical-align: baseline;
}
.ol, ul {
list-style: none;
}
.blockquote, q {
quotes: none;
}
:focus {
outline: 0;
}
.ins {
text-decoration: none;
}
.del {
text-decoration: line-through;
}
.table {
border-collapse: collapse;
border-spacing: 0;
}
/*css*/
.body {
font-family: Tahoma, Geneva, sans-serif;
font-size: 13px;
margin: 0px;
padding: 0px;
}
.kk {
height: 100px;
width: 960px;
position: relative;
top: 160px;
left: 8px;
}
.news-box {
float: right;
height: 30px;
width: 250px;
margin: 0px;
padding: 0px;
position: relative;
}
.news-box ul {
display: block;
height: 250px;
width: 250px;
overflow: hidden;
float: right;
position: relative;
}
.news-box ul li {
display: block;
}
.news-box ul li a {
display: block;
padding-top: 10px;
padding-right: 5px;
padding-bottom: 10px;
padding-left: 5px;
margin-bottom: 10px;
overflow: hidden;
text-align: right;
text-decoration: none;
color: #000;
}
/*neww*/
.main {
background-attachment: scroll;
background-repeat: no-repeat;
height: 350px;
width: 960px;
margin-right: auto;
margin-left: auto;
background-image: url(images/main.png);
position: relative;
bottom: 285px;
}
.all {
height: auto;
width: 980px;
margin-right: auto;
margin-left: auto;
position: relative;
bottom: 152px;
}
.bg {
background-attachment: scroll;
background-image: url(images/bg2.png);
background-repeat: no-repeat;
height: auto;
width: 1350px;
margin-right: auto;
margin-left: auto;
}
.sw {
height: 290px;
width: 210px;
background-attachment: scroll;
background-image: url(images/SOFT.png);
background-repeat: no-repeat;
padding-left: 100px;
color: #FFF;
font-family: Tahoma, Geneva, sans-serif;
font-size: 18px;
padding-top: 100px;
line-height: 40px;
position: relative;
right: 15px;
bottom: 283px;
}
.lay3 {
background-attachment: scroll;
background-image: url(images/lay3.png);
background-repeat: no-repeat;
height: 10px;
width: 620px;
margin-left: 330px;
margin-top: 10px;
}
.menuu {
font-family: Tahoma, Geneva, sans-serif;
font-size: 13px;
color: #FFF;
background-attachment: scroll;
background-image: url(images/menu-2.png);
background-repeat: no-repeat;
height: 85px;
width: 960px;
margin-right: auto;
margin-left: auto;
position: relative;
right: 100px;
top: 130px;
}
.sw2 {
background-attachment: scroll;
background-image: url(images/HARD.png);
background-repeat: no-repeat;
height: 290px;
width: 220px;
font-size: 18px;
font-family: Tahoma, Geneva, sans-serif;
color: #FFF;
padding-left: 100px;
padding-top: 110px;
position: relative;
bottom: 678px;
left: 325px;
}
.sw3 {
background-attachment: scroll;
background-image: url(images/web-site.png);
background-repeat: no-repeat;
height: 290px;
width: 350px;
font-family: Tahoma, Geneva, sans-serif;
font-size: 18px;
color: #FFF;
padding-left: 140px;
padding-top: 100px;
line-height: 38px;
position: relative;
left: 660px;
bottom: 1065px;
}
.lay4 {
background-attachment: scroll;
background-image: url(images/lay4.png);
background-repeat: no-repeat;
height: 10px;
width: 250px;
margin-left: 690px;
margin-top: 10px;
}
.lay2 {
background-attachment: scroll;
background-image: url(images/lay-2.png);
background-repeat: no-repeat;
height: 10px;
width: 960px;
margin-left: 10px;
margin-top: -120px;
}
.menuu ul {
float: right;
list-style-type: none;
position: relative;
right: 175px;
margin-right: auto;
margin-left: auto;
top: 33px;
}
.lay5 {
background-attachment: scroll;
background-image: url(images/lay4.png);
background-repeat: no-repeat;
height: 10px;
width: 250px;
margin-top: -40px;
margin-left: 55px;
}
.lay6 {
background-attachment: scroll;
background-image: url(images/lay3.png);
background-repeat: no-repeat;
height: 10px;
width: 620px;
margin-left: 35px;
position: relative;
margin-top: 10px;
}
.lay7 {
background-attachment: scroll;
background-image: url(images/lay-2.png);
background-repeat: no-repeat;
height: 10px;
width: 960px;
margin-top: 13px;
margin-left: 16px;
}
.footer {
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
background-attachment: scroll;
background-repeat: no-repeat;
height: 30px;
width: 960px;
margin-right: auto;
margin-left: auto;
margin-top: 20px;
position: relative;
bottom: 1080px;
background-image: url(images/foot.png);
}
.menuu ul li {
float: left;
text-indent: 50px;
padding-right: 35px;
}
.footer ul {
float: left;
list-style-type: none;
text-indent: 40px;
margin-left: 500px;
}
.footer ul li {
float: right;
}
.footer ul li a {
color: #FFDF55;
text-decoration: none;
}
.footer ul li a:hover {
color: #007;
}
.hagh {
font-family: Tahoma, Geneva, sans-serif;
height: 25px;
width: 500px;
font-size: 13px;
position: relative;
left: 10px;
bottom: 18px;
}
.hagh a {
color: #FFF;
text-decoration: none;
}
.menuu ul li a {
color: #FFF;
text-decoration: none;
}
.menuu ul li a:hover {
color: #2A1F00;
}
.hagh a:hover {
text-decoration: underline;
}
.pic {
background-attachment: scroll;
background-image: url(images/WD.png);
background-repeat: no-repeat;
height: 300px;
width: 300px;
position: relative;
left: 785px;
bottom: 53px;
}
.tiv {
font-family: Tahoma, Geneva, sans-serif;
font-size: 13px;
color: #FFF;
height: 245px;
width: 400px;
position: relative;
bottom: 350px;
left: 500px;
text-align: justify;
line-height: 20px;
direction: rtl;
}
.tell {
background-attachment: scroll;
background-image: url(images/tell.png);
background-repeat: no-repeat;
height: 110px;
width: 338px;
position: relative;
top: 150px;
}
.sw3 ul {
position: relative;
right: 30px;
}
</style>
</head>
<body background="images/bg2.png">
<div class="all">
<div class="tell"></div>
<div class="kk">
<div id='cssmenu'>
<ul>
<li class='has-sub '><a href='#'><span>معرفی</span></a>
<ul>
<li class='has-sub '><a href='#'><span>Product 1</span></a>
<ul>
<li><a href='#'><span>Sub Product</span></a></li>
<li><a href='#'><span>Sub Product</span></a></li>
</ul>
</li>
<li class='has-sub '><a href='#'><span>Product 2</span></a>
<ul>
<li><a href='#'><span>Sub Product</span></a></li>
<li><a href='#'><span>Sub Product</span></a></li>
</ul>
</li>
</ul>
</li>
<li class='has-sub '><a href='#'><span>ارتباط باما</span></a>
<ul>
<li class='has-sub '><a href='#'><span>Product 1</span></a>
<ul>
<li><a href='#'><span>Sub Product</span></a></li>
<li><a href='#'><span>Sub Product</span></a></li>
</ul>
</li>
<li class='has-sub '><a href='#'><span>Product 2</span></a>
<ul>
<li><a href='#'><span>Sub Product</span></a></li>
<li><a href='#'><span>Sub Product</span></a></li>
</ul>
</li>
</ul>
</li>
<li class='has-sub '><a href='#'><span>سخت افزار</span></a>
<ul>
<li class='has-sub '><a href='#'><span>Product 1</span></a>
<ul>
<li><a href='#'><span>Sub Product</span></a></li>
<li><a href='#'><span>Sub Product</span></a></li>
</ul>
</li>
<li class='has-sub '><a href='#'><span>Product 2</span></a>
<ul>
<li><a href='#'><span>Sub Product</span></a></li>
<li><a href='#'><span>Sub Product</span></a></li>
</ul>
</li>
</ul>
</li>
<li class='has-sub '><a href='#'><span>نرم افزار</span></a>
<ul>
<li class='has-sub '><a href='#'><span>Product 1</span></a>
<ul>
<li><a href='#'><span>Sub Product</span></a></li>
<li><a href='#'><span>Sub Product</span></a></li>
</ul>
</li>
<li class='has-sub '><a href='#'><span>Product 2</span></a>
<ul>
<li><a href='#'><span>Sub Product</span></a></li>
<li><a href='#'><span>Sub Product</span></a></li>
</ul>
</li>
</ul>
</li>
<li class='has-sub '><a href='#'><span>صفحه اصلی</span></a>
<ul>
<li class='has-sub '><a href='#'><span>Product 1</span></a>
<ul>
<li><a href='#'><span>Sub Product</span></a></li>
<li><a href='#'><span>Sub Product</span></a></li>
</ul>
</li>
<li class='has-sub '><a href='#'><span>Product 2</span></a>
<ul>
<li><a href='#'><span>Sub Product</span></a></li>
<li><a href='#'><span>Sub Product</span></a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class="pic"></div>
<div class="main">
<div class="slider-wrapper theme-light">
<div id="slider" class="nivoSlider"> <img src="images/toystory.jpg" data-thumb="images/toystory.jpg" alt="" /> <a href="http://dev7studios.com"><img src="images/up.jpg" data-thumb="images/up.jpg" alt="" title="This is an example of a caption" /></a> <img src="images/walle.jpg" data-thumb="images/walle.jpg" alt="" data-transition="slideInLeft" /> <img src="images/nemo.jpg" data-thumb="images/nemo.jpg" alt="" title="#htmlcaption" /></div>
</div>
<div class="tiv"> شرکت تيوا ايمن نخستين مرکز تخصصي تزاحي وب سايت است که بر اساس روشهاي استانداردجهاني در زمينهي طراحي و توصعه و امنيت شبکه در جنوب کشور فعاليت ميکند.
اين شرکت متشکل از شماري از متخصصان جوان و متعحد ايراني است که با بر نياز و عرضه و تقاضاي مشتري و بازار کار شکل گرفته است . شرکت تيوا ايمن با دز نظر گرفتن ضعفهاي ناشي از طراهي و امنيت شبکه وب سايت هاي ايراني اقدام به طراحي و ساخت سايت هايي
با ظرافت و امنيت بالا با استفاده از تکنولوژي هاي روز دنيا و طراحي منحصر به فرد در توسعه و پياده سازي وب سايت کرده است. متاسفانه برخي از سازمان هاي دولتي و غير دولتي اقدام به خريد و پياده سازي وب سايت هاي خود از شرکت هايي که فاقد تخصص و کيفيت لازم هستند کردند که همين امر باعث شکل گيري مشکلاتي ميشود </div>
</div>
<div class="sw"> نرم افزار
<div id="news1">
<ul>
<li>xxx</li>
<li>xxxxx</li>
<li>xxxxx</li>
<li>xxxxx</li>
<li>xxxxxx</li>
</ul>
</div>
</div>
<div class="sw2"> سخت افزار
<ul>
<li>xxxxx</li>
<li>xxxxxx</li>
<li>xxxxxx</li>
<li>xxxxxxx</li>
<li>xxxxxx</li>
</ul>
</div>
<div class="sw3"> شبکه
<ul>
<li>xxxxx</li>
<li>xxxxx</li>
<li>xxxxx</li>
<li>xxxxx</li>
<li>xxxxx</li>
</ul>
</div>
<div class="footer">
<ul>
<li><a href="link.html">ارتباط با
ما</a></li>
<li><a href="link.html">نرم افزار</a></li>
<li><a href="link.html">سخت افزار</a></li>
<li><a href="link.html">صفحه اصلي</a></li>
</ul>
<div class="hagh"> <a href="link.html">کليه حقوق اين وب سايت متعلق به سخت افزار ميباشد</a></div>
</div>
</div>
</body>
</html>