Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!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">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>Nation Media</title>
- <link type="text/css" href="css/main.css" rel="stylesheet" />
- <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" title="no title" charset="utf-8">
- <link rel="stylesheet" href="css/brands.css" type="text/css" media="screen" title="no title" charset="utf-8">
- <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Droid+Sans" />
- <script type="text/javascript" src="js/jquery.min.js"></script>
- <script type="text/javascript" src="js/jquery-ui.min.js"></script>
- <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
- <script type="text/javascript" src="js/jquery.easing.compatibility.js"></script>
- <script type="text/javascript" src="js/jquery.slider.js"></script>
- <script type="text/javascript" src="js/jquery.mousewheel.min.js"></script>
- <script type="text/javascript" src="js/scroller.js"></script>
- <script src="js/slides.min.jquery.js"></script>
- <script>
- $(function(){
- $('#slides').slides({
- preload: true,
- preloadImage: 'images/loading.gif',
- play: 5000,
- pause: 2500,
- hoverPause: true,
- animationStart: function(current){
- $('.caption').animate({
- bottom:-35
- },100);
- if (window.console && console.log) {
- // example return of current slide number
- console.log('animationStart on slide: ', current);
- };
- },
- animationComplete: function(current){
- $('.caption').animate({
- bottom:0
- },200);
- if (window.console && console.log) {
- // example return of current slide number
- console.log('animationComplete on slide: ', current);
- };
- },
- slidesLoaded: function() {
- $('.caption').animate({
- bottom:0
- },200);
- }
- });
- });
- </script>
- <script type="text/javascript">
- $(function () {
- $("#slider1").slider({
- width: 940,
- height: 410,
- orientation: "vertical",
- speed:500,
- });
- });
- </script>
- <script type="text/javascript" src="js/stepcarousel.js"></script>
- <script type="text/javascript">
- stepcarousel.setup({
- galleryid: 'mygallery', //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:500, wraparound:false, wrapbehavior:'slide', persist:true},
- defaultbuttons: {enable: true, moveby: 1, leftnav: [], rightnav: []},
- 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']
- })
- stepcarousel.setup({
- galleryid: 'galleryb', //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
- panelbehavior: {speed:500, wraparound:true, wrapbehavior:'pushpull', persist:false},
- defaultbuttons: {enable: false, moveby: 1, leftnav: ['arrowl.gif', -10, 100], rightnav: ['arrowr.gif', -10, 100]},
- statusvars: ['reportA', 'reportB', 'reportC'],
- contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']
- })
- stepcarousel.setup({
- galleryid: 'galleryc', //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
- panelbehavior: {speed:500, wraparound:true, wrapbehavior:'pushpull', persist:false},
- defaultbuttons: {enable: false, moveby: 1, leftnav: ['arrowl.gif', -10, 100], rightnav: ['arrowr.gif', -10, 100]},
- statusvars: ['reportA', 'reportB', 'reportC'],
- contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']
- })
- stepcarousel.setup({
- galleryid: 'galleryd', //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
- panelbehavior: {speed:500, wraparound:true, wrapbehavior:'pushpull', persist:false},
- defaultbuttons: {enable: false, moveby: 1, leftnav: ['arrowl.gif', -10, 100], rightnav: ['arrowr.gif', -10, 100]},
- statusvars: ['reportA', 'reportB', 'reportC'],
- contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']
- })
- stepcarousel.setup({
- galleryid: 'gallerye', //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
- panelbehavior: {speed:500, wraparound:true, wrapbehavior:'pushpull', persist:false},
- defaultbuttons: {enable: false, moveby: 1, leftnav: ['arrowl.gif', -10, 100], rightnav: ['arrowr.gif', -10, 100]},
- statusvars: ['reportA', 'reportB', 'reportC'],
- contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']
- })
- </script>
- <style type="text/css">
- .mcs2_container{
- height:250px;
- overflow:hidden;
- }
- #InvestorNews,#FinancialReports{height:250px;overflow:hidden;}
- </style>
- </head>
- <body onLoad="loadTweets()">
- <div id="wrapper">
- <div id="header">
- <a href="#" class="logo"><img src="images/nation-media-logo.png" alt="" /></a>
- <div class="float_right">
- <div class="social-media0">
- <a href="#"><img src="images/twitter-icon.png" alt="" /></a>
- <a href="#"><img src="images/facebook-icon.png" alt="" /></a>
- <a href="#"><img src="images/rss-icon.png" alt="" /></a>
- <a href="#"><img src="images/facebook-like.png" alt="" /></a>
- <a href="#"><img src="images/google-plus.png" alt="" /></a>
- </div>
- <div class="site-serach">
- <input type="text" value="Search" name="" onfocus="if(this.value=='Search') this.value=''" onblur="if(this.value=='') this.value='Search'" />
- <input type="submit" value="" name="" class="search-button" />
- </div>
- </div>
- </div>
- <!-- end of header -->
- <div class="current-twitter-post">
- <img src="images/icon-twitter-post.png" alt="" />
- <p>
- <div id="scroller">Loading...</div>
- <script type="text/javascript">
- $("div#scroller").twitscroller({user: 'dailynation'});
- </script>
- </p>
- </div>
- <!-- end of twitter latest post -->
- <div id="slider1" class="slider">
- <div class="slider-box">
- <div class="slider-item custom-item">
- <div class="two-content">
- <div class="corporate-news-desk">
- <div class="our-vision2">
- <h1>CORPORATE</h1>
- <ul>
- <li>
- <img src="images/corporate-desk-img1.jpg" alt="" />
- <p><span>The Nation was founded by His Highness the Aga Khan as a voice for the majority African population as it clamoured for independence. After independence....</span></p>
- <a href="#" class="more-button">more</a>
- </li>
- </ul>
- </div>
- <div class="our-vision2">
- <h1>INVESTOR</h1>
- <ul>
- <li>
- <img src="images/corporate-desk-img3.jpg" alt="" />
- <p><span>The Nation was founded by His Highness the Aga Khan as a voice for the majority African population as it clamoured for independence. After independence....</span></p>
- <a href="#" class="more-button">more</a>
- </li>
- </ul>
- </div>
- <div class="our-vision2">
- <h1>NATIONLIFE</h1>
- <ul>
- <li>
- <img src="images/corporate-desk-img2.jpg" alt="" />
- <p><span>The Nation was founded by His Highness the Aga Khan as a voice for the majority African population as it clamoured for independence. After independence....</span></p>
- <a href="#" class="more-button">more</a>
- </li>
- </ul>
- </div>
- </div>
- <div class="our-vision">
- <h1>A WORLD CLASS VISION</h1>
- <ul>
- <li>
- <img src="images/vision.jpg" alt="" />
- <p><span>The Nation was founded by His Highness the Aga Khan as a voice for the majority African population as it clamoured for independence. After independence, the newspaper became an effective voice of the people....</span></p>
- <a href="#" class="more-button">more</a>
- </li>
- </ul>
- </div>
- </div>
- <div class="sideBar" id="stepcarouse-wrapper">
- <h1>CORPORATE BARAZA</h1>
- <div id="mygallery" class="stepcarousel">
- <div class="belt">
- <div class="panel">
- <img src="images/corporate-slider-img1.jpg" alt="" />
- <p>NATIONLIFE MAGAZINE</p>
- </div>
- <div class="panel">
- <img src="images/corporate-slider-img1.jpg" alt="" />
- <p>NATIONLIFE MAGAZINE</p>
- </div>
- <div class="panel">
- <img src="images/corporate-slider-img1.jpg" alt="" />
- <p>NATIONLIFE MAGAZINE</p>
- </div>
- </div>
- </div>
- <p id="mygallery-paginate">
- <img src="images/slider-nav.png" data-over="images/slider-nav-focus.png" data-select="images/slider-nav-focus.png" data-moveby="1" />
- </p>
- </div>
- </div>
- <!-- homepage content end here -->
- <div class="slider-item custom-item" id="aboutUs">
- <div class="two-content">
- <h1>Company History</h1>
- <ul class="social-media">
- <li><a href="#">twitter</a></li>
- <li><a href="#">facebook</a></li>
- <li><a href="#">rss</a></li>
- <li><a href="#">email</a></li>
- </ul>
- <!-- content block -->
- <div id="mcs_container">
- <div class="customScrollBox">
- <div class="container">
- <div class="content">
- <p>The Nation Media Group (NMG) founded by His Highness the Aga Khan in 1959 has become the largest independent media house in East and Central Africa. It has been quoted on the Nairobi Stock Exchange since the early 1970s. As the leading multi-media house in the East African region, it has print as well as electronic media and the Internet which attracts a regular readership quite unparalleled in the region. On the financial front, the Group’s performance over the years has been outstanding even in the leaner economic periods in the country and shows continuous growth and profits for the company as well as the shareholders. <a href="#" class="contact">Contact</a></p>
- </div>
- </div>
- <div class="dragger_container">
- <div class="dragger"></div>
- </div>
- </div>
- </div>
- </div>
- <div class="sideBar" id="stepcarouse-wrapper">
- <h1>CORPORATE BARAZA</h1>
- <div id="galleryb" class="stepcarousel">
- <div class="belt">
- <div class="panel">
- <img src="images/corporate-slider-img1.jpg" alt="" />
- <p>NATIONLIFE MAGAZINE</p>
- </div>
- <div class="panel">
- <img src="images/corporate-slider-img1.jpg" alt="" />
- <p>NATIONLIFE MAGAZINE</p>
- </div>
- <div class="panel">
- <img src="images/corporate-slider-img1.jpg" alt="" />
- <p>NATIONLIFE MAGAZINE</p>
- </div>
- </div>
- </div>
- <p id="galleryb-paginate">
- <img src="images/slider-nav.png" data-over="images/slider-nav-focus.png" data-select="images/slider-nav-focus.png" data-moveby="1" />
- </p>
- </div>
- <!-- side bar end here -->
- </div>
- <!-- about us content end here -->
- <div class="slider-item custom-item" id="investerContainer">
- <div class="two-content">
- <h1>Investor</h1>
- <ul class="social-media">
- <li><a href="#">twitter</a></li>
- <li><a href="#">facebook</a></li>
- <li><a href="#">rss</a></li>
- <li><a href="#">email</a></li>
- </ul>
- <!-- content block -->
- <div id="mcs2_container" class="mcs2_container">
- <div class="customScrollBox">
- <div class="container">
- <div class="content">
- <h3>THE JOURNEY OF THE NATION : 1970 - 1979</h3>
- <p>The Nation Media Group (NMG) founded by His Highness the Aga Khan in 1959 has become the largest independent media house in East and Central Africa. It has been quo ted on the Nairobi Stock Exchange since the early 1970s. As the leading multi-media house in the East African region, it has print as well as electronic media and the Internet which attracts a regular readership quite unparalleled in the region. On the financial front, the Group's performance over the years has been outstanding even in the leaner economic periods in the country and shows continuous growth and profits for the company as well as the shareholders. </p>
- <h3>THE JOURNEY OF THE NATION : 1970 - 1979</h3>
- <p>The Monitor was started in 1992 and has grown from a basement operation to a multi-media consortium with offices spread across Kampala city. Besides the daily and Sunday Monitor papers, Monitor Publications Ltd. runs an FM radio station, 93.3 KFM. All these products have been re-launched in the past year to great success. Daily Monitor and Sunday Monitor are now the leading independent national newspapers in Uganda while KFM attained market leadership in Uganda's crowded FM market. </p>
- </div>
- </div>
- <div class="dragger_container">
- <div class="dragger"></div>
- </div>
- </div>
- <div id="InvestorNews">
- This div is InvestorNews Div
- </div>
- <div id="FinancialReports">
- This div is FinancialReports Div
- </div>
- </div>
- </div>
- <div class="sideBar">
- <h1>INVESTOR INFORMATION</h1>
- <ul class="sideBar-nav" id="investorSideBar-nav">
- <li><a href="#InvestorNews" title="Investor News">Investor News</a></li>
- <li><a href="#FinancialReports" title="Financial Reports" class="current">Financial Reports</a></li>
- <li><a href="#SharePrices" title="Share Prices">Share Prices</a></li>
- <li><a href="#ShareHolderProfile" title="Share Holder Profile">Share Holder Profile</a></li>
- </ul>
- </div>
- <!-- side bar end here -->
- </div>
- <!-- investor content end here -->
- <div class="slider-item custom-item">
- <div class="two-content">
- <h1>News</h1>
- <ul class="social-media">
- <li><a href="#">twitter</a></li>
- <li><a href="#">facebook</a></li>
- <li><a href="#">rss</a></li>
- <li><a href="#">email</a></li>
- </ul>
- <!-- content block -->
- <div id="mcs2_container">
- <div class="customScrollBox">
- <div class="container">
- <div class="content">
- <h3>THE JOURNEY OF THE NATION : 1970 - 1979</h3>
- <p>The Nation Media Group (NMG) founded by His Highness the Aga Khan in 1959 has become the largest independent media house in East and Central Africa. It has been quo ted on the Nairobi Stock Exchange since the early 1970s. As the leading multi-media house in the East African region, it has print as well as electronic media and the Internet which attracts a regular readership quite unparalleled in the region. On the financial front, the Group's performance over the years has been outstanding even in the leaner economic periods in the country and shows continuous growth and profits for the company as well as the shareholders. </p>
- <h3>Monitor Publications Ltd - Uganda </h3>
- <p>The Monitor was started in 1992 and has grown from a basement operation to a multi-media consortium with offices spread across Kampala city. Besides the daily and Sunday Monitor papers, Monitor Publications Ltd. runs an FM radio station, 93.3 KFM. All these products have been re-launched in the past year to great success. Daily Monitor and Sunday Monitor are now the leading independent national newspapers in Uganda while KFM attained market leadership in Uganda's crowded FM market. </p>
- </div>
- </div>
- <div class="dragger_container">
- <div class="dragger"></div>
- </div>
- </div>
- </div>
- </div>
- <div class="sideBar" id="stepcarouse-wrapper">
- <h1>CORPORATE BARAZA</h1>
- <div id="galleryc" class="stepcarousel">
- <div class="belt">
- <div class="panel">
- <img src="images/corporate-slider-img1.jpg" alt="" />
- <p>NATIONLIFE MAGAZINE</p>
- </div>
- <div class="panel">
- <img src="images/corporate-slider-img1.jpg" alt="" />
- <p>NATIONLIFE MAGAZINE</p>
- </div>
- <div class="panel">
- <img src="images/corporate-slider-img1.jpg" alt="" />
- <p>NATIONLIFE MAGAZINE</p>
- </div>
- </div>
- </div>
- <p id="galleryc-paginate">
- <img src="images/slider-nav.png" data-over="images/slider-nav-focus.png" data-select="images/slider-nav-focus.png" data-moveby="1" />
- </p>
- </div>
- <!-- side bar end here -->
- </div>
- <!-- news content end here -->
- <div class="slider-item custom-item">
- <div class="two-content">
- <h1>BOARD OF DIRECTORS</h1>
- <ul class="social-media">
- <li><a href="#">twitter</a></li>
- <li><a href="#">facebook</a></li>
- <li><a href="#">rss</a></li>
- <li><a href="#">email</a></li>
- </ul>
- <!-- content block -->
- <div id="mcs3_container">
- <div class="customScrollBox">
- <div class="container">
- <div class="content">
- <h3>Mr Linus Gitahi</h3>
- <p>
- <img src="images/linus-gitahi.jpg" alt="" align="left" style="margin:0 20px 5px 0; float:left; border:none;" />
- Holds an MBA from USIU and a Bachelor of Commerce (Accounting) from the University of Nairobi. He is the Group Chief Executive Officer and joined the board in December 2006. He previously worked with a leading pharmaceutical company as Managing Director based in Nigeria. He is a director of the Group's subsidiary companies and Property Development and Management Limited, an associate company. Mr. Gitahi is a member of the Nominations, the Editorial and the Strategic Planning Committees.</p>
- <h3>Mr Linus Gitahi</h3>
- <p>
- <img src="images/linus-gitahi.jpg" alt="" align="left" style="margin:0 20px 5px 0; float:left; border:none;" />
- Holds an MBA from USIU and a Bachelor of Commerce (Accounting) from the University of Nairobi. He is the Group Chief Executive Officer and joined the board in December 2006. He previously worked with a leading pharmaceutical company as Managing Director based in Nigeria. He is a director of the Group's subsidiary companies and Property Development and Management Limited, an associate company. Mr. Gitahi is a member of the Nominations, the Editorial and the Strategic Planning Committees.</p>
- <h3>Mr Linus Gitahi</h3>
- <p>
- <img src="images/linus-gitahi.jpg" alt="" align="left" style="margin:0 20px 5px 0; float:left; border:none;" />
- Holds an MBA from USIU and a Bachelor of Commerce (Accounting) from the University of Nairobi. He is the Group Chief Executive Officer and joined the board in December 2006. He previously worked with a leading pharmaceutical company as Managing Director based in Nigeria. He is a director of the Group's subsidiary companies and Property Development and Management Limited, an associate company. Mr. Gitahi is a member of the Nominations, the Editorial and the Strategic Planning Committees.</p>
- </div>
- </div>
- <div class="dragger_container">
- <div class="dragger"></div>
- </div>
- </div>
- </div>
- </div>
- <div class="sideBar">
- <h1>EXECUTIVE PROFILE</h1>
- <ul class="sideBar-nav">
- <li><a href="#" title="Executive Team">Executive Team</a></li>
- <li><a href="#" title="Board of Directors" class="current">Board of Directors</a></li>
- </ul>
- </div>
- <!-- side bar end here -->
- </div>
- <!-- board content end here -->
- <div class="slider-item custom-item">
- <div class="two-content">
- <h1>OUR BRAND</h1>
- <ul class="social-media">
- <li><a href="#">twitter</a></li>
- <li><a href="#">facebook</a></li>
- <li><a href="#">rss</a></li>
- <li><a href="#">email</a></li>
- </ul>
- <!-- content block -->
- <div id="mcs4_container">
- <div class="customScrollBox">
- <div class="container">
- <div class="content">
- <h3>The Daily Nation</h3>
- <p><img src="images/daily-nation-img.jpg" alt="" align="left" style="border:none; margin:0 10px 10px 0; float:left;" />
- The Daily Nation is the leading paper in East and Central Africa both in editorial, circulation and readership.This feat has been achieved over the years through authoritative publication based on truth, reliability, respectability and independence.</p>
- <br class="clear_float" />
- <a href="#" class="button-web-site">View Website</a>
- <br class="clear_float" />
- <br class="clear_float" />
- <h3>The Daily Nation</h3>
- <p><img src="images/daily-nation-img.jpg" alt="" align="left" style="border:none; margin:0 10px 10px 0; float:left;" />
- The Daily Nation is the leading paper in East and Central Africa both in editorial, circulation and readership.This feat has been achieved over the years through authoritative publication based on truth, reliability, respectability and independence.</p>
- <br class="clear_float" />
- <a href="#" class="button-web-site">View Website</a>
- <br class="clear_float" />
- <br class="clear_float" />
- </div>
- </div>
- <div class="dragger_container">
- <div class="dragger"></div>
- </div>
- </div>
- </div>
- </div>
- <div class="sideBar" id="stepcarouse-wrapper">
- <h1>CORPORATE BARAZA</h1>
- <div id="galleryd" class="stepcarousel">
- <div class="belt">
- <div class="panel">
- <img src="images/corporate-slider-img1.jpg" alt="" />
- <p>NATIONLIFE MAGAZINE</p>
- </div>
- <div class="panel">
- <img src="images/corporate-slider-img1.jpg" alt="" />
- <p>NATIONLIFE MAGAZINE</p>
- </div>
- <div class="panel">
- <img src="images/corporate-slider-img1.jpg" alt="" />
- <p>NATIONLIFE MAGAZINE</p>
- </div>
- </div>
- </div>
- <p id="galleryd-paginate">
- <img src="images/slider-nav.png" data-over="images/slider-nav-focus.png" data-select="images/slider-nav-focus.png" data-moveby="1" />
- </p>
- </div>
- <!-- side bar end here -->
- </div>
- <!-- Our Brand content end here -->
- <div class="slider-item custom-item">
- <h1>Careers</h1>
- <p>Content</p>
- </div>
- <!-- Careers content end here -->
- <div class="slider-item custom-item">
- <h1>Blog</h1>
- <p>Content</p>
- </div>
- <!-- Blog content end here -->
- <div class="slider-item custom-item">
- <h1>Youtube Channel</h1>
- <p> <iframe height="260" src="http://www.youtube.com/embed/videoseries?list=PL904A590924728B3B" frameborder="0" width="60%"></iframe></p>
- </div>
- <!-- Youtube content end here -->
- <div class="slider-item custom-item">
- <div class="two-content">
- <h1>Contact us</h1>
- <ul class="social-media">
- <li><a href="#">twitter</a></li>
- <li><a href="#">facebook</a></li>
- <li><a href="#">rss</a></li>
- <li><a href="#">email</a></li>
- </ul>
- <!-- content block -->
- <form class="contact-form">
- <ul>
- <li>
- <label>Name:</label>
- <input type="text" value="" name="" />
- </li>
- <li>
- <label>Email:</label>
- <input type="text" value="" name="" />
- </li>
- <li>
- <label>Subject:</label>
- <input type="text" value="" name="" />
- </li>
- <li>
- <label>Message:</label>
- <textarea></textarea>
- </li>
- <li>
- <label> </label>
- <input type="submit" value="" name="" class="submit-form" />
- </li>
- </ul>
- </form>
- <div class="contact-add">
- <h3>Nation Media Group</h3>
- <p>P.O. Box 49010-00100 GPO, NBI<br />
- Nation Centre, Kimathi Street<br />
- Fax: + 254 20 2213946<br />
- Tel: + 254 20 3288000<br />
- + 254 20 2221222
- </div>
- </div>
- <div class="sideBar" id="stepcarouse-wrapper">
- <h1>CORPORATE BARAZA</h1>
- <div id="gallerye" class="stepcarousel">
- <div class="belt">
- <div class="panel">
- <img src="images/corporate-slider-img1.jpg" alt="" />
- <p>NATIONLIFE MAGAZINE</p>
- </div>
- <div class="panel">
- <img src="images/corporate-slider-img1.jpg" alt="" />
- <p>NATIONLIFE MAGAZINE</p>
- </div>
- <div class="panel">
- <img src="images/corporate-slider-img1.jpg" alt="" />
- <p>NATIONLIFE MAGAZINE</p>
- </div>
- </div>
- </div>
- <p id="gallerye-paginate">
- <img src="images/slider-nav.png" data-over="images/slider-nav-focus.png" data-select="images/slider-nav-focus.png" data-moveby="1" />
- </p>
- </div>
- </div>
- <!-- Contact content end here -->
- </div>
- <ul id="navigation" class="slider-nav">
- <li><a href="#" title="HOME" class="home">HOME</a></li>
- <li><a href="#" title="ABOUT US" class="about-us">ABOUT</a></li>
- <li><a href="#" title="INVESTORS" class="investors">INVESTORS</a></li>
- <li><a href="#" title="NEWS" class="news">NEWS</a></li>
- <li><a href="#" title="BOARD" class="board">BOARD</a></li>
- <li><a href="#" title="OUR BRANDS" class="our-brands">OUR BRANDS</a></li>
- <li><a href="#" title="CAREERS" class="careers">CAREERS</a></li>
- <li><a href="#" title="BLOG" class="blog">BLOG</a></li>
- <li><a href="#" title="YOUTUBE" class="youtube">YOUTUBE</a></li>
- <li><a href="#" title="CONTACT" class="contact">CONTACT</a></li>
- <li><a href="#" class="blank"> </a></li>
- </ul>
- <!-- end of navigation -->
- </div>
- <!-- end of page content slider wrapper -->
- <div class="brands">
- <div id="example">
- <div id="slides">
- <div class="slides_container">
- <div class="slide">
- <a href="http://www.nation.co.ke/" title="Daily Nation" target="_blank"><img src="images/brands/nation.jpg" width="728" height="90" alt="Slide 1"></a>
- <div class="caption">
- <p>Daily Nation</p>
- </div>
- </div>
- <div class="slide">
- <a href="http://www.africareview.com/" title="Africa review" target="_blank"><img src="images/brands/africareview.jpg" width="728" height="90" alt="Slide 2"></a>
- <div class="caption">
- <p>Africa review</p>
- </div>
- </div>
- <div class="slide">
- <a href="http://www.ntv.co.ke/" title="NTV - Turning on Your World" target="_blank"><img src="images/brands/ntv.jpg" width="728" height="90" alt="Slide 3"></a>
- <div class="caption">
- <p>NTV - Turning on Your World</p>
- </div>
- </div>
- <div class="slide">
- <a href="http://www.theeastafrican.co.ke/" title="The East African - Understanding the Region" target="_blank"><img src="images/brands/theastafrican.jpg" width="728" height="90" alt="Slide 4"></a>
- <div class="caption">
- <p>The East African - Understanding the Region</p>
- </div>
- </div>
- <div class="slide">
- <a href="http://www.businessdailyafrica.com/" title="Business Daily - More Possibilities" target="_blank"><img src="images/brands/businessdaily.jpg" width="728" height="90" alt="Slide 5"></a>
- <div class="caption">
- <p>Business Daily - More Possibilities</p>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- end of brands -->
- <!-- end of page content slider wrapper -->
- <div class="advertisement">
- <a href="http://nationmedia.com/newsletter/newsletter.html"><img src="images/ads.jpg" alt="" /></a>
- </div>
- <!-- end of advertisement -->
- <div class="footer">
- <p>Copyright © 2012 Nation Media Group. All rights reserved.</p>
- <p>Reproduction in whole or in part in any form or medium without express written permission of Nation Media Group is prohibited.</p>
- <p> </p>
- </div>
- <!-- end of footer -->
- </div>
- <!-- end of wrapper -->
- <script>
- $(window).load(function() {
- mCustomScrollbars();
- $('ul#investorSideBar-nav li a').each(function(){
- var $anchor = $(this);
- $anchor.bind('click',function(event){
- //alert($($anchor.attr('href')).offset().top);
- $('#investerContainer .mcs2_container').stop().animate({
- scrollTop: $($anchor.attr('href')).offset().top
- }, 1500,'easeInOutExpo');
- /*
- if you don't want to use the easing effects:
- $('html, body').stop().animate({
- scrollTop: $($anchor.attr('href')).offset().top
- }, 1000);
- */
- event.preventDefault();
- });
- })
- });
- function mCustomScrollbars(){
- /*
- malihu custom scrollbar function parameters:
- 1) scroll type (values: "vertical" or "horizontal")
- 2) scroll easing amount (0 for no easing)
- 3) scroll easing type
- 4) extra bottom scrolling space for vertical scroll type only (minimum value: 1)
- 5) scrollbar height/width adjustment (values: "auto" or "fixed")
- 6) mouse-wheel support (values: "yes" or "no")
- 7) scrolling via buttons support (values: "yes" or "no")
- 8) buttons scrolling speed (values: 1-20, 1 being the slowest)
- */
- $("#mcs_container").mCustomScrollbar("vertical",400,"easeOutCirc",1.05,"auto","yes","yes",10);
- $("#mcs2_container").mCustomScrollbar("vertical",0,"easeOutCirc",1.05,"auto","yes","no",0);
- $("#mcs3_container").mCustomScrollbar("vertical",900,"easeOutCirc",1.05,"auto","no","no",0);
- $("#mcs4_container").mCustomScrollbar("vertical",200,"easeOutCirc",1.25,"fixed","yes","no",0);
- $("#mcs5_container").mCustomScrollbar("horizontal",500,"easeOutCirc",1,"fixed","yes","yes",20);
- }
- /* function to fix the -10000 pixel limit of jquery.animate */
- $.fx.prototype.cur = function(){
- if ( this.elem[this.prop] != null && (!this.elem.style || this.elem.style[this.prop] == null) ) {
- return this.elem[ this.prop ];
- }
- var r = parseFloat( jQuery.css( this.elem, this.prop ) );
- return typeof r == 'undefined' ? 0 : r;
- }
- /* function to load new content dynamically */
- function LoadNewContent(id,file){
- $("#"+id+" .customScrollBox .content").load(file,function(){
- mCustomScrollbars();
- });
- }
- </script>
- <script src="js/jquery.mCustomScrollbar.js"></script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement