I am facing problem in removing a twitter timeline update box embedded on my website. Whenever try to remove it the menu bar at the header of website stops working.
Code: Select all
<html lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="I" />
<meta name="keywords" content=""/>
<!-- Css File Start -->
<link id="Link2" rel="shortcut icon" href="images/favicon.ico" />
<link href="css/menu.css" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Istok+Web|Signika|Roboto+Condensed" rel="stylesheet" type="text/css" />
<link href="css/position.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.stepcarousel_1{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 710px; /*Width of Carousel Viewer itself*/
height: 251px; /*Height should enough to fit largest content's height*/
}
.stepcarousel_1 .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.stepcarousel_1 .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
padding-left: 8px; /*margin left around each panel*/
padding-right: 8px; /*margin left around each panel*/
width: 210px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
</style>
<!-- Css File End-->
<!-- Script Start -->
<script type="text/javascript" src="js/custom-form-elements.js"></script>
<script src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/slider.js"></script>
<script type="text/javascript" src="js/slides.min.jquery.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<script type="text/javascript" src="js/stepcarousel_1.js"></script><script type="text/javascript">
stepcarousel_1.setup({
galleryid: 'mygallery_1', //id of carousel DIV
beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
panelclass: 'panel', //class of panel DIVs each holding content
autostep: {enable:true, moveby:1, pause:3000},
panelbehavior: {speed:600, wraparound:true, wrapbehavior:'slide', persist:true},
defaultbuttons: {enable: true, moveby:1, leftnav: ['images/arrow_left.png', -17, 120], rightnav: ['images/arrow_right.png', -7, 120]},
statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
contenttype: ['inline'] //content setting ['inline'] or ['ajax', 'path_to_external_file']
})
</script>
<script type="text/javascript">var j = jQuery.noConflict();
j(document).ready(function () { j('#slides').slides({ preload: true, preloadImage: '', play: 3000, pause: 2500, hoverPause: true }); j("#slides").mouseover(function () { j("#slides").stop(); }); j("#slides").mouseout(function () { j("#slides").next(); }); j('.hideshow ul li a').hover(function () { j('.bott-right').hide(); j('.hideshow ul li a').removeClass('active'); j(this).addClass('active'); j('#' + j(this).attr('id') + '_content').show(); }); j('#tabstrips li a').hover(function () { j('.midd_check').hide(); j('#tabstrips li a').removeClass('current'); j(this).addClass('current'); j('.' + j(this).attr('id') + 'content').show(); }); }); ChangeIt(); j(function () { var $mainNav = j('#main-nav'), navWidth = $mainNav.width(); $mainNav.children('.main-nav-item').hover(function (ev) { var $this = j(this), $dd = $this.find('.main-nav-dd'); var leftPos = $this.find('.main-nav-tab').position().left; var ddWidth = $dd.width(), leftMax = navWidth - ddWidth; $dd.css('left', Math.min(leftPos, leftMax)); $this.addClass('main-nav-item-active'); }, function (ev) { j(this).removeClass('main-nav-item-active'); }); }); var totalCount = 10; function ChangeIt() { var num = Math.ceil(Math.random() * totalCount); }</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-36388537-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script> <!-- Script End -->
</head>
<body>
<header>
<!--header_main start-->
<div class="inner_header_main">
<!--header_inner_main start-->
<!--<div class="header_inner_main">-->
<!--header_top start-->
<div id="inner_headerinclude"></div>
<script>$('#inner_headerinclude').load('innerheader_new.html');</script>
<!--header_top end-->
<!-- end of #header -->
<div class="inner_banner_bg">
<div class="inner_nav_main_outer">
<div class="header_banner_back">
<div class="header_banner_internet">
<div class="header_banner_software_head">
Online Internet Marketing
</div><div class="header_banner_software_head2">
redefine your online identity!
</div><div class="header_banner_software_text">
internet marketing solutions </div>
</div>
</div>
</div><!-- inner_banner_bg end-->
</div><!--header_inner_main end-->
</div><!--inner_header_main end-->
</header>
<section>
<!--content start -->
<!--content_main_outer start
<div class="content_main_outer">-->
<div class="inner_content_bg_top">
<!-- content_main start-->
<div class="content_main">
<div class="content_main_inner1_new">
</div>
</div>
</div>
<div class="portfolio_right"></div>
<!-- div slide end -->
</div>
<div >
<div class="inner_left_new" style="padding-top:30px;">
<!-- smo_services_top end-->
<h1>Header Text</h1><br>
<br/><div class="bodyjustify">body section</div>
<br/><br/><span class="heading_blue">body</div>
<br/><br/><span class="heading_blue">body</span>
<br/><br/><div class="bodyjustify">body</div>
<br/><br/><div class="txt_blue"><h2>body</p></h2></div>
<br/><br/><div class="bodyjustify">body</div>
<br/><br/><div class="bodyjustify">body</div>
<br clear="all"><br>
<span class="heading_blue">Body:</span>
<br><br>
<div class="div_service_we_offer">
<div>
<div style="width: 42px; float: left; height: 120px;">
<img src="images/seo_1.png" alt="">
</div>
<div style="width: 230px; float: left; padding-left: 10px;">
<span class="heading_we_offer">SEO</span><br>
<div class="heading_we_offer_text"><div class="bodyjustify">Description</div></div>
<br>
<a href="search-engine-optimisation-seo-services-company.html"><img src="images/readmore.jpg"></a>
</div>
<div style="width: 42px; float: left; height: 120px; padding-left: 35px;">
<img src="images/smo_1.png" alt="">
</div>
<div style="width: 230px; float: left; padding-left: 10px;">
<span class="heading_we_offer">Social Media Optimization</span><br>
<div class="heading_we_offer_text"><div class="bodyjustify">Description</div></div>
<br>
<a href="social-media-optimisation-smo-services-company.html"><img src="images/readmore.jpg"></a>
</div>
</div>
<!--For Verticle Spacing in Second Row Under Services We Offer -->
<div class="top_services">
<div>
<div style="width: 42px; float: left; height: 120px;">
<img src="images/affiliate_1.png" alt="">
</div>
<div style="width: 230px; float: left; padding-left: 10px;">
<span class="heading_we_offer">Affiliate Marketing</span><br>
<div class="heading_we_offer_text"><div class="bodyjustify">Description</div></div>
<br>
<a href="affiliate-marketing-services-company.html"><img src="images/readmore.jpg"></a>
</div>
<div style="width: 42px; float: left; height: 120px; padding-left: 35px;">
<img src="images/content_1.png" alt="">
</div>
<div style="width: 230px; float: left; padding-left: 10px;">
<span class="heading_we_offer">Content Writing</span><br>
<div class="heading_we_offer_text"><div class="bodyjustify">Description</div></div>
<br>
<a href="content-writing-services.html"><img src="images/readmore.jpg"></a>
</div>
</div>
</div>
<!-- Second Row End-->
<div>
<div style="width: 42px; float: left; height: 120px; padding-top: 40px;">
<img src="images/ppc_1.png" alt="">
</div>
<div style="width: 230px; float: left; padding-left: 10px; padding-top: 40px;">
<span class="heading_we_offer">Pay Per Click</span><br>
<div class="heading_we_offer_text"><div class="bodyjustify">Description </div></div>
<br>
<a href="ppc-management-services.html"><img src="images/readmore.jpg"></a>
</div>
<div style="width: 42px; float: left; height: 120px; padding-left: 35px; padding-top: 40px;">
<img src="images/onlinereputation_1.png" alt="">
</div>
<div style="width: 230px; float: left; padding-left: 10px; padding-top: 40px;">
<span class="heading_we_offer">Online Reputation Management</span><br>
<div class="heading_we_offer_text"><div class="bodyjustify">Description</div></div>
<br>
<a href="online-reputation-brand-creation.html"><img src="images/readmore.jpg"></a>
</div>
</div>
</div>
</div>
</div>
<div class="inner_right_new" style="padding-top:30px;">
<div id="quickinclude"></div>
<script>$('#quickinclude').load('free-report-form-hire.php');</script>
<div>
<br clear="all">
</div>
<br>
<table style="background-color: #fbfcff;" cellpadding="0"
cellspacing="0" border="0">
<tr >
<td style="background-image: url('images/corner1_services.png');background-repeat: no-repeat">
<div style="width: 6px; height: 6px; display: block;">
</div>
</td>
<td style="background-image: url('images/corner2_services.png'); background-repeat: repeat-x">
</td>
<td style="background-image: url('images/corner3_services.png'); background-repeat: no-repeat">
<div style="width: 6px; height: 6px; display: block;">
</div>
</td>
</tr>
<tr>
<td style="background-image: url('images/corner8_services.png'); background-repeat: repeat-y">
</td>
<td valign="top">
<div style="background-color: #fbfcff;">
<div style="background-color:#ECECEC;padding:0px;padding-top:10px;padding-bottom:10px;padding-left:15px;width:240px;height:auto;border:0px solid red;" >
</div>
</div>
</td>
<td style="background-image: url('images/corner4_services.png'); background-repeat: repeat-y">
</td>
</tr>
<tr style="height: 6px;">
<td style="background-image: url('images/corner7_services.png'); background-repeat: no-repeat">
<div style="width: 6px; height: 6px; display: block;">
</div>
</td>
<td style="background-image: url('images/corner6_services.png'); background-repeat: repeat-x">
</td>
<td style="background-image: url('images/corner5_services.png'); background-repeat: no-repeat">
<div style="width: 6px; height: 6px; display: block;">
</div>
</td>
</tr>
</table>
<br/>
</div> <!-- end inner_left div -->
</div>
</div>
</div> <!-- content_main_inner end-->
</div>
<!-- content_main end-->
</div> <!-- inner_content_bg_top end-->
<div class="inner_content_btm_bg"><img src="images/inner_content_btm_bg.jpg" alt=""></div>
</section>
<!--content_main_outer end-->
<!-- content_end -->
<footer>
<!--footer_outer start-->
<div class="footer_outer">
<!--footer_main start-->
<div class="footer_main">
<div class="footer_top_main">
<div class="footer_top_left"> <span class="footer_top_left_title">OUR TWITTER FEED</span><br />
Find What we doing on Twitter</div>
<!--footer_top_left end-->
<div class="footer_top_right">
<div class="footer_top_right_inner">
<ul>
<li><img src="images/footer_twitter_fb_bg.png" align="absbottom" /></li>
<li class="footer_inner_center_li">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="25" height="61"> </td>
<td height="61"><img src="images/icon_twitter.png" alt="" /></td>
<td width="22" height="61"> </td>
<td width="550" height="61" id="inner_twitter"></td>
<td width="25"> </td>
</tr>
</table>
<script>$('#inner_twitter').load('twitter-new.html');</script>
</li>
<li><img src="images/footer_twitter_fb_bg_btm.png" align="top" alt="" /></li>
</ul>
</div>
<!--footer_top_right_inner end-->
</div>
<!--footer_top_right end-->
</div>
<!--footer_top_main end-->
<div class="footer_btm_main" style="padding-bottom:0px;">
<div class="footer_btm_middle"><span class="footer_top_left_title" style="text-transform:uppercase;">Countries</span>
<br /><br /><span style="color:#6C6C6C; font-weight:normal; font-size:10px;">Cities</span></div>
<div class="footer_btm_left">Services in Australia
<br /><br /><span style="color:#6C6C6C; font-weight:normal; font-size:10px;">Australian Cities</span><br /><br /><span class="footer_top_left_title" style="text-transform:uppercase;">India</span><br /><br /><span style="color:#6C6C6C; font-weight:normal; font-size:10px;">Cities</span></div>
<div class="footer_btm_right"><span class="footer_top_left_title" style="text-transform:uppercase;">Our Services </span><br /><br /><span style="color:#6C6C6C; font-weight:normal; font-size:9px; text-align:justify;">List of Services</span>
</div>
</div>
<div class="footer_btm_main">
<div class="footer_btm_left">
Working on to achieve them<br><br>
<ul>
<li><img src="images/footer_img1.jpg" alt="" style="border:0;" /></li>
<li><a href="http://www.seomoz.org/" target="_blank"><img src="images/footer_img2.jpg" alt="" style="border:0;" /></a></li>
</ul>
<ul>
<li><img src="images/footer_img3.jpg" alt="" style="border:0;" /></li>
<li><img src="images/footer_img4.jpg" alt="" style="border:0;" /></li>
</ul>
</div><!-- footer_btm_left end-->
<div class="footer_btm_middle">
<div class="footer_btm_middle_top"> <span class="footer_top_left_title">QUICK LINKS</span><br />
Click the following links </div>
<!--footer_btm_middle_top end-->
<div class="footer_btm_middle_divider" ></div>
<div class="footer_btm_middle_btm">
<ul>
<li><a href="partner-affiliate-network.html" rel="nofollow">Partners/ Affiliates</a></li>
<li><a href="contact-us.html" rel="nofollow">Contact</a></li>
<!--<li><a href="submit-Query-form.html">Query </a></li>-->
<li><a href="resources.html" rel="nofollow">Links/ Links</a></li>
<li><a href="careers.html" rel="nofollow">Career</a></li>
<li><a href="sitemap.html" rel="nofollow">Sitemap</a></li>
<li><a href="rss-feed.xml" rel="nofollow">RSS</a></li>
</ul>
</div>
<!--footer_btm_middle_btm end-->
</div>
<!--footer_btm_middle end-->
<div class="footer_btm_right">
<div class="footer_btm_right_top"> <span class="footer_top_left_title">KEEP IN TOUCH</span><br />
Find out what's happening: </div>
<!--footer_btm_right_top end-->
<div class="footer_btm_right_border"></div>
<div class="footer_btm_right_btm">
<ul>
<li><a href="https://twitter.com/myname" target="_blank"><img src="images/icon_twitter_btm.png" alt="" style="border:0;" /></a></li>
<li><a href="https://www.youtube.com/user/myname" target="_blank"><img src="images/icon_utube.png" alt="" style="border:0;" /></a></li>
<li><a href="https://plus.google.com/u/0/106657143967501777500/posts" target="_blank"><img src="images/g-plus.png" alt="" style="border:0;" /></a></li>
<li><a href="http://www.facebook.com/myname" target="_blank"><img src="images/icon_fb.png" alt="" style="border:0;" /></a></li>
</ul>
</div>
<div class="footer_btm_right_btm"><a href="https://www.odesk.com/users/~017ea09b642eac0707"><img alt="oDesk Certified " src="https://www.odesk.com/api/exams/v1/5923398/image" style="width:185px; margin-top:10px;" /></a></div>
<!--footer_btm_right_btm end-->
</div>
<!--footer_btm_right end-->
</div>
<!--footer_btm_main end-->
<div class="copyright">Copyright </div>
</div>
<!--footer_main end-->
</div>
<!--footer_outer end-->
<!--footer end-->
</footer><script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-36388537-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>