HTML
Css:
@charset "utf-8";
/* CSS Document */
.main_container
{
width:835px;
margin: 0 auto;
/* Do rounding (native in Firefox and Safari) */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border:1px solid #0099FF;
padding:10px;
height:auto;
}
.sitemap_left_container
{
width:250px;
float:left;
padding:0px;
margin-left:10px;
height:auto;
}
.sitemap_content
{
width:250px;
-moz-border-radius:5px;
border-radius:5px;
-webkit-border-radius:5px;
border: 1px solid #999999;
margin: 0;
padding:0;
background: url(images/top_bg.jpg) repeat-x top;
background-color:#ffffff;
}
.sitemap_content h1
{
font-size:15px;
font-family:"Trebuchet MS";
font-weight:bold;
color: #FFFFFF;
line-height:20px;
text-align:center;
margin-top:7px;
}
.sitemap_content ul
{
width:auto;
padding:5px;
margin-top:8px;
margin-left:8px;
}
.sitemap_content li
{
width:auto;
list-style:none;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
margin:0;
padding:0;
font-weight:normal;
margin-top:10px;
}
.sitemap_content li a
{
list-style:none;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;
text-decoration:none;
}
.sitemap_content li a:hover
{
list-style:none;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color: #0099FF;
text-decoration:none;
}
.sitemap_content2 a
{
list-style:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-decoration:none;
font-weight:bold;
}
.sitemap_content2 a:hover
{
list-style:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #0099FF;
text-decoration:none;
font-weight:bold;
}
.span_text
{
padding-left:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}
.span_text_2
{padding-top:3px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
margin-left:15px;
}
.span_text_3
{
color: #666666;
margin-left:60px;
}
.span_text_more
{
padding-left:15px;
padding-top:3px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
.sitemap_middle_container
{
width:250px;
float:left;
padding:0px;
margin-left:10px;
height:auto;
}
.sitemap_right_container
{
width:250px;
float:left;
padding:0px;
margin-left:10px;
height:auto;
}
.break
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-decoration:none;
font-weight:bold;
}
.arrow
{
padding-left:10px;
}
HTML
@charset "utf-8";
/* CSS Document */
.main_container
{
width:835px;
margin: 0 auto;
/* Do rounding (native in Firefox and Safari) */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border:1px solid #0099FF;
padding:10px;
height:auto;
}
.sitemap_left_container
{
width:250px;
float:left;
padding:0px;
margin-left:10px;
height:auto;
}
.sitemap_content
{
width:250px;
-moz-border-radius:5px;
border-radius:5px;
-webkit-border-radius:5px;
border: 1px solid #999999;
margin: 0;
padding:0;
background: url(images/top_bg.jpg) repeat-x top;
background-color:#ffffff;
}
.sitemap_content h1
{
font-size:15px;
font-family:"Trebuchet MS";
font-weight:bold;
color: #FFFFFF;
line-height:20px;
text-align:center;
margin-top:7px;
}
.sitemap_content ul
{
width:auto;
padding:5px;
margin-top:8px;
margin-left:8px;
}
.sitemap_content li
{
width:auto;
list-style:none;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
margin:0;
padding:0;
font-weight:normal;
margin-top:10px;
}
.sitemap_content li a
{
list-style:none;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;
text-decoration:none;
}
.sitemap_content li a:hover
{
list-style:none;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color: #0099FF;
text-decoration:none;
}
.sitemap_content2 a
{
list-style:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-decoration:none;
font-weight:bold;
}
.sitemap_content2 a:hover
{
list-style:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #0099FF;
text-decoration:none;
font-weight:bold;
}
.span_text
{
padding-left:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}
.span_text_2
{padding-top:3px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
margin-left:15px;
}
.span_text_3
{
color: #666666;
margin-left:60px;
}
.span_text_more
{
padding-left:15px;
padding-top:3px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
.sitemap_middle_container
{
width:250px;
float:left;
padding:0px;
margin-left:10px;
height:auto;
}
.sitemap_right_container
{
width:250px;
float:left;
padding:0px;
margin-left:10px;
height:auto;
}
.break
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-decoration:none;
font-weight:bold;
}
.arrow
{
padding-left:10px;
}
HTML
<!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>Untitled Document</title>
<link href="sitemap.css" rel="stylesheet" type="text/css" />
<script src="js/curvycorners.src.js" type="text/javascript">
</script>
</head>
<body>
<div class="main_container">
<div class="sitemap_left_container">
<div class="sitemap_content">
<h1>Common Sections</h1>
<ul>
<li><img src="images/arrow2.jpg" /><span class="span_text"><a href="http://www.sromobazar.com/index.php"><strong>Home</strong></a></span></li>
<li><img src="images/arrow2.jpg" /><span class="span_text"><a href="http://www.sromobazar.com/worldwide-job-and-education-about-us.php"><Strong>About Us</Strong></a></span></li>
<li><img src="images/arrow2.jpg" /><span class="span_text"><a href="http://www.sromobazar.com/worldwide-job-and-education-sromobazar-solution.php"><strong>Sromobazar Solution</strong></a></span></li>
<li><img src="images/arrow2.jpg" /><span class="span_text"><a href="http://www.sromobazar.com/worldwide-job-and-education-contact-us.php"><strong>Contact Us</strong></a></span></li>
<li><img src="images/arrow2.jpg" /><span class="span_text"><a href="http://www.sromobazar.com/worldwide-job-and-education-overseas-education.php"><strong>Overseas Education</strong></a></span></li>
<div class="span_text_2">
<p style="margin-left:15px;"><strong>Countrywise Universities List:</strong></p>
<ul>
<a href="http://www.sromobazar.com/index.php?skin=default&area=student&action=continent-university&continent_id=1"><span class="break">Asia</span></a>
<li class="span_text_3"><img src="images/arrow.jpg" class="arrow" /> <a href="http://www.sromobazar.com/index.php?skin=default&area=student&action=university-listing&country_id=2">India</a></li>
</ul>
</div>
<div class="span_text_2">
<ul><a href="http://www.sromobazar.com/index.php?skin=default&area=student&action=university-listing&country_id=28"><span class="break">Japan</span></a>
<li class="span_text_3"><img src="images/arrow.jpg" class="arrow" /> <a href="http://www.sromobazar.com/index.php?skin=default&area=student&action=university-detail&ID=w2v2z2&ownerId=x2">University Of Tokyo</a>
</li>
<li class="span_text_3"><img src="images/arrow.jpg" class="arrow" /><a href="http://www.sromobazar.com/index.php?skin=default&area=student&action=university-detail&ID=w2v2z2&ownerId=x2"> University Of Tokyo</a></li>
<li class="span_text_3"><img src="images/arrow.jpg" class="arrow" /> <a href="http://www.sromobazar.com/index.php?skin=default&area=student&action=university-detail&ID=w2v2z2&ownerId=x2">University Of Tokyo</a></li>
</ul>
</div>
<div class="span_text_2">
<ul>
<a href="http://www.sromobazar.com/index.php?skin=default&area=student&action=continent-university&continent_id=5"><span class="break">Africa</span></a>
<li class="span_text_3" ><img src="images/arrow.jpg" class="arrow" /> <a href="http://www.sromobazar.com/index.php?skin=default&area=student&action=university-listing&country_id=140">South Africa</a></li>
</ul>
</div>
<div class="span_text_2">
<ul>
<a href="http://www.sromobazar.com/index.php?skin=default&area=student&action=continent-university&continent_id=2"><span class="break">North America</span></a>
<li class="span_text_3" > <img src="images/arrow.jpg" class="arrow" /><a href="http://www.sromobazar.com/index.php?skin=default&area=student&action=university-listing&country_id=104"> Unitied States</a></li>
</ul>
</div>
<div class="span_text_2">
<ul>
<a href="http://www.sromobazar.com/index.php?skin=default&area=student&action=university-listing&country_id=96"><span class="break">Canada</span></a>
<li class="span_text_3" ><img src="images/arrow.jpg" class="arrow" /><a href="http://www.sromobazar.com/index.php?skin=default&area=student&action=university-detail&ID=w2v2v2&ownerId=x2"> Mcgrill University</a></li>
</ul>
</div>
<div class="span_text_2">
<ul>
<a href="http://www.sromobazar.com/index.php?skin=default&area=student&action=continent-university&continent_id=3"><span class="break">South America</span></a>
<li class="span_text_3" > <img src="images/arrow.jpg" class="arrow" /><a href="http://www.sromobazar.com/index.php?skin=default&area=student&action=university-listing&country_id=113"> Argentina</a></li>
</ul>
</div>
<div class="span_text_2">
<ul>
<a href="http://www.sromobazar.com/index.php?skin=default&area=student&action=continent-university&continent_id=4"><span class="break">Europe</span></a>
<li class="span_text_3" ><img src="images/arrow.jpg" class="arrow" /> <a href="http://www.sromobazar.com/index.php?skin=default&area=student&action=university-listing&country_id=90"> United Kingdom</a></li>
</ul>
</div>
<div class="span_text_2">
<ul>
<a href="http://www.sromobazar.com/index.php?skin=default&area=student&action=continent-university&continent_id=6"><span class="break">Australia</span></a>
<li class="span_text_3" ><img src="images/arrow.jpg" class="arrow" /> <a href="http://www.sromobazar.com/index.php?skin=default&area=student&action=university-listing&country_id=124">Australia</a></li>
<li class="span_text_3" ><img src="images/arrow.jpg" class="arrow" /><a href="http://www.sromobazar.com/index.php?skin=default&area=student&action=university-listing&country_id=126">Newzealand</a></li>
</ul>
</div>
</ul>
</div>
</div>
<div class="sitemap_middle_container">
<div class="sitemap_content">
<h1>Account Login Section</h1>
<ul>
<li><img src="images/arrow2.jpg" /><span class="span_text"><a href="http://www.sromobazar.com/worldwide-job-and-education-user-profile-creator.php"><strong>Create Account</strong></a></span></li>
<div>
<ul>
<li class="span_text_3"><img src="images/arrow.jpg" class="arrow" /> <a href="http://www.sromobazar.com/index.php?skin=default&area=online&action=user-profile-creator&userTypeID=41">Employeer</a></li>
<li class="span_text_3"><img src="images/arrow.jpg" class="arrow" /> <a href="http://www.sromobazar.com/index.php?skin=default&area=online&action=user-profile-creator&userTypeID=11">Job seeker</a></li>
<li class="span_text_3"><img src="images/arrow.jpg" class="arrow" /> <a href="http://www.sromobazar.com/index.php?skin=default&area=online&action=user-profile-creator&userTypeID=21">Student</a></li>
<li class="span_text_3"><img src="images/arrow.jpg" class="arrow" /> <a href="http://www.sromobazar.com/index.php?skin=default&area=online&action=user-profile-creator&userTypeID=51">University Admin</a></li>
<li class="span_text_3"><img src="images/arrow.jpg" class="arrow" /> <a href="http://www.sromobazar.com/index.php?skin=default&area=online&action=user-profile-creator&userTypeID=13">Corporate Group</a></li>
<li class="span_text_3"><img src="images/arrow.jpg" class="arrow" /> <a href="http://www.sromobazar.com/index.php?skin=default&area=online&action=user-profile-creator&userTypeID=61">University Agency</a></li>
</ul>
</div>
<li><img src="images/arrow2.jpg" /><span class="span_text"><a href="http://www.sromobazar.com/worldwide-job-and-education-user-login.php"><strong>Sign In</strong></a></span></li>
<li><img src="images/arrow2.jpg" /><span class="span_text"><a href="http://www.sromobazar.com/worldwide-job-and-education-advance-search-form.php"><strong>Advance Search</strong></a></span></li>
<li><img src="images/arrow2.jpg" /><span class="span_text"><a href="http://www.sromobazar.com/index.php?skin=default&area=online&action=job-listing&recent=yes"><strong>Job Listing</strong></a></span></li>
<li><img src="images/arrow2.jpg" /><span class="span_text"><a href="#"><strong>Category Wise Job list</strong></a></span></li>
<div class="span_text_2">
<ul class="span_text_3">
<li class="span_text_3"><img src="images/arrow.jpg" class="arrow" /> <a href="http://www.sromobazar.com/index.php?skin=default&area=online&action=job-listing&ID=42&isBidable=1">Accounts/Finance</a></li>
<li class="span_text_3"><img src="images/arrow.jpg" class="arrow" /> <a href="http://www.sromobazar.com/index.php?skin=default&area=online&action=job-listing&ID=57&isBidable=1">IT/Telecommunication</a></li>
</ul>
</div>
<li><img src="images/arrow2.jpg" /><span class="span_text"><a href="http://www.sromobazar.com/index.php?skin=default&area=employeer&action=employer-listing"><strong>Employee Listing</strong></a></span></li>
<li><img src="images/arrow2.jpg" /><span class="span_text"><a href="http://www.sromobazar.com/index.php?skin=default&area=jobseeker&action=jobseeker-listing"><strong>Job seeker Listing</strong></a></span></li>
</ul>
<br />
</div>
<br />
<br />
<div class="sitemap_content">
<h1>Other Links</h1>
<ul>
<li><img src="images/arrow2.jpg" /><span class="span_text"><a href="http://www.sromobazar.com/worldwide-job-and-education-student-listing.php"><strong>List of Student</strong></a></span></li>
<li><img src="images/arrow2.jpg" /><span class="span_text"><a href="http://www.sromobazar.com/worldwide-job-and-education-university-listing.php"><strong>Universities</strong></a></span></li>
<li><img src="images/arrow2.jpg" /><span class="span_text"><a href="http://www.sromobazar.com/worldwide-job-and-education-embassy-listing.php"><strong>List of Embassy</strong></a></span></li>
<li><img src="images/arrow2.jpg" /><span class="span_text"><a href="http://www.sromobazar.com/worldwide-job-and-education-widget-listing.php"><strong>Get Widges</strong></a></span></li>
<br />
<br />
<br />
<br />
</ul>
</div>
</div>
<div class="sitemap_right_container">
<div class="sitemap_content">
<h1>Help</h1>
<ul>
<li><img src="images/arrow2.jpg" /><span class="span_text"><a href="http://www.sromobazar.com/worldwide-job-and-education-help.php"><strong>Help and Support</strong></a></span></li>
<li><img src="images/arrow2.jpg" /><span class="span_text"><a href="http://www.sromobazar.com/index.php?skin=default&area=help&action=faq"><strong>FAQ</strong></a></span></li>
<li><img src="images/arrow2.jpg" /><span class="span_text"><a href="http://www.sromobazar.com/index.php?skin=default&area=help&action=payment-process"><strong>Payment Process</strong></a></span></li>
<li><img src="images/arrow2.jpg" /><span class="span_text"><a href="http://www.sromobazar.com/index.php?skin=default&area=help&action=help-searching-for-jobs"><strong>Searching For jobs</strong></a></span></li>
<li><img src="images/arrow2.jpg" /><span class="span_text"><a href="http://www.sromobazar.com/index.php?skin=default&area=help&action=registering"><strong>Registering</strong></a></span></li>
<li><img src="images/arrow2.jpg" /><span class="span_text"><a href="http://www.sromobazar.com/index.php?skin=default&area=help&action=for-corporate-group"><strong>For Corporate Group</strong></a></span></li>
<li><img src="images/arrow2.jpg" /><span class="span_text"><a href="http://www.sromobazar.com/index.php?skin=default&area=help&action=keeping-your-details-uptodate"><strong>Keeping Your details Uptodate</strong></a></span></li>
<li><img src="images/arrow2.jpg" /><span class="span_text"><a href="http://www.sromobazar.com/index.php?skin=default&area=help&action=technical-and-other-help-issues"><strong>Technical And Other Help Issues</strong></a></span></li>
</ul>
<br />
<br />
<br />
<br />
</div>
<br />
<div class="sitemap_content">
<h1>Sister Sites</h1>
<ul>
<li><img src="images/arrow2.jpg" /><span class="span_text"><a href="http://www.askbangladesh.com/"><strong>Ask Banglades.com Limited</strong></a></span></li>
<li><img src="images/arrow2.jpg" /><span class="span_text"><a href="http://www.itbidding.com/"><strong>itbidding.com</strong></a></span></li>
<li><img src="images/arrow2.jpg" /><span class="span_text"><a href="http://www.loginbd.com/"><strong>loginbd.com</strong></a></span></li>
<li><img src="images/arrow2.jpg" /><span class="span_text"><a href="http://www.itreel.com/"><strong>itReel.com</strong></a></span></li>
<li><img src="images/arrow2.jpg" /><span class="span_text"><a href="http://www.askbazar.com/"><strong>Askbazar.com</strong></a></span></li>
<li><img src="images/arrow2.jpg" /><span class="span_text"><a href="http://www.dressbazar.com/"><strong>Dressbazar.com</strong></a></span></li>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</ul>
</div>
</div>
<div style="clear:both;"></div>
</div>
</body>
</html>
0 Response to "HTML"
Post a Comment