PageRenderTime 25ms CodeModel.GetById 28ms RepoModel.GetById 0ms app.codeStats 0ms

/csr.html

https://bitbucket.org/tiseno/vend-media-website
HTML | 143 lines | 105 code | 25 blank | 13 comment | 0 complexity | 7204136fd87c4928e33dc72042ae2f09 MD5 | raw file
    

  1. <!DOCTYPE html>
    2. 

  2. <!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
    3. 

  3. <!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
    4. 

  4. <!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
    5. 

  5. <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    6. 

  6. 

  7. <head>
    8. 

  8. 

  9.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    10. 

  10.     <link href="css/stylesheet.css" rel="stylesheet" type="text/css" media="screen">
    11. 

  11.     <script src="js/modernizr-2.6.1.min.js"></script>
    12. 

  12.     
    13. 

  13.     <!---Video Gallery--->
    14. 

  14.     <script type="text/javascript" src="js/html5gallery.js"></script>
    15. 

  15.     <!---Video Gallery End--->
    16. 

  16.     
    17. 

  17.     <!---Content Area Scroll--->
    18. 

  18.     <!-- styles needed by jScrollPane -->
    19. 

  19. 	<link type="text/css" href="css/jquery.jscrollpane.css" rel="stylesheet" media="all" />
    20. 

  20. 	<!-- latest jQuery direct from google's CDN -->
    21. 

  21. 	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    22. 

  22. 	<!-- the mousewheel plugin - optional to provide mousewheel support -->
    23. 

  23. 	<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
    24. 

  24. 	<!-- the jScrollPane script -->
    25. 

  25. 	<script type="text/javascript" src="js/jquery.jscrollpane.min.js"></script>
    26. 

  26.     <script type="text/javascript">
    27. 

  27. 	$(function(){
    28. 

  28. 	$('.scroll-pane').jScrollPane();
    29. 

  29. 	});
    30. 

  30.     </script>
    31. 

  31.     <!---Content Area Scroll End--->
    32. 

  32.     
    33. 

  33.     <!--Image Preload--->
    34. 

  34.     <script language="JavaScript">
    35. 

  35.     if (document.images)
    36. 

  36.     {
    37. 

  37.       preload_image_object = new Image();
    38. 

  38.       // set image url
    39. 

  39.       image_url = new Array();
    40. 

  40.       image_url[0] = "images/";
    41. 

  41.       image_url[1] = "images/";
    42. 

  42.       image_url[2] = "images/";
    43. 

  43. 

  44.        var i = 0;
    45. 

  45.        for(i=0; i<=2; i++) 
    46. 

  46.          preload_image_object.src = image_url[i];
    47. 

  47.     }
    48. 

  48. 

  49.     </script>     
    50. 

  50.     <!--Image Preload End--->
    51. 

  51.     
    52. 

  52.     <title>Welcome to VendMedia - CSR Participation</title>
    53. 

  53. </head>
    54. 

  54. 

  55. <body style="background: url(images/csr_background.jpg) no-repeat center center fixed;">
    56. 

  56. 	
    57. 

  57.     <div class="wrapper">
    58. 

  58.     	
    59. 

  59.         <header>
    60. 

  60.             <div class="content_wrapper">
    61. 

  61.                 <div class="menu_border">
    62. 

  62.                     <nav class="mainmenu">
    63. 

  63.                         <ul>
    64. 

  64.                         <li><a href="rewards.html">REWARDS</a></li>
    65. 

  65.                         <li><a href="news.html">NEWS & EVENTS</a></li>
    66. 

  66.                         <li><a href="csr.html" id="maincurrent">CSR PARTICIPATION</a></li>
    67. 

  67.                         <li><a href="machines.html">MACHINES</a></li>
    68. 

  68.                         <li><a href="about.html">ABOUT US</a></li>
    69. 

  69.                         <li><a href="index.html">HOME</a></li>
    70. 

  70.                         </ul>
    71. 

  71.                     </nav>
    72. 

  72.                 </div>
    73. 

  73.             </div>
    74. 

  74.         </header>
    75. 

  75.         
    76. 

  76.         <div class="content_wrapper">
    77. 

  77.             
    78. 

  78. 			<aside>
    79. 

  79.                 <div class="side_menu">
    80. 

  80.                     <ul>
    81. 

  81.                     	<li><a href="#" id="side_current">CSR Participation</a></li>
    82. 

  82.                         <li><a href="corporate_participation.html">Corporate Participation</a></li>
    83. 

  83.                         <li><a href="client.html">Our Clients</a></li>
    84. 

  84.                     </ul>
    85. 

  85.                 </div>
    86. 

  86.             </aside>
    87. 

  87.             
    88. 

  88.             <div class="content">
    89. 

  89.             	<div class="scroll-pane" style="padding-top:10px; border:0px solid #fff;">
    90. 

  90.                     <h1>Corporate Social Responsibility</h1>
    91. 

  91.                     <p>An obligation, beyond that required by the law and economics, for a firm to pursue long term goals that are good for society</p>
    92. 

  92.                     <p>Possible Benefits</p>
    93. 

  93.                     <ul>
    94. 

  94.                     	<li>It aids the attraction and retention of staff</li>
    95. 

  95.                         <li>It attracts green and ethical investment</li>
    96. 

  96.                         <li>It attracts ethically conscious customers</li>
    97. 

  97.                         <li>It can lead to a reduction in costs through re-cycling</li>
    98. 

  98.                         <li>It differentiates the firm from its competitor and can be a source of competitive advantage</li>
    99. 

  99.                         <li>It can lead to increased profitability in the long run</li>
    100. 

  100.                     </ul>
    101. 

  101.                     <p>Increasingly, companies/corporation is seeing CSR as value creation as depicted in the diagram extracted from Wikipedia.</p>
    102. 

  102.                     <div align="center"><img src="images/csr_img_1.jpg" style="height:450px;"/></div><br /><br />
    103. 

  103.                 </div>
    104. 

  104.             </div>
    105. 

  105.             
    106. 

  106.             <div class="logo"></div>
    107. 

  107.             
    108. 

  108.         </div>    
    109. 

  109.         
    110. 

  110.         <footer>
    111. 

  111.             <div class="content_wrapper" align="center">
    112. 

  112.             
    113. 

  113.             <div class="clear" style="width:820px;">
    114. 

  114.             	
    115. 

  115.                 <div style="float:left; padding:0px 20px 0px 20px;">
    116. 

  116.                 	<a href="#" class="facebook"></a>
    117. 

  117.                     <a href="#" class="rss"></a>
    118. 

  118.                     <a href="#" class="twitter"></a>
    119. 

  119.                     <a href="#" class="pinterest"></a>
    120. 

  120.                 </div>
    121. 

  121.             	
    122. 

  122.                 <div class="footer_menu">
    123. 

  123.                     <ul>
    124. 

  124.                         <li><a href="index.html">HOME</a></li>
    125. 

  125.                         <li><a href="about.html">ABOUT US</a></li>
    126. 

  126.                         <li><a href="machines.html">MACHINES</a></li>
    127. 

  127.                         <li><a href="csr.html">CSR PARTICIPATION</a></li>
    128. 

  128.                         <li><a href="news.html">NEWS & EVENTS</a></li>
    129. 

  129.                         <li><a href="rewards.html">REWARDS</a></li>
    130. 

  130.                     </ul>
    131. 

  131.                 </div>
    132. 

  132.                 
    133. 

  133.                 <div class="copyright">© 2012 VendMedia. All rights reserved.</div>
    134. 

  134.                 
    135. 

  135.                 </div>
    136. 

  136.                 
    137. 

  137.             </div> 
    138. 

  138.         </footer>
    139. 

  139.         
    140. 

  140.     </div>
    141. 

  141.     
    142. 

  142. </body>
    143. 

  143. </html>
    144. 

  144.