index2.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>rudus' website</title>
	<link rel="stylesheet" href="index2.css" type="text/css"/>
	<link rel="icon" href="img/s_r.ico">
	<!--slide picture-->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    	<script src="jquery.bxslider.min.js"></script>
    	<link href="jquery.bxslider.css" rel="stylesheet" />
    	<script type="text/javascript">
            	$(document).ready(function(){
                	$('.bxslider').bxSlider({
		    								auto: true,
		    								pager: false,
		    								hideControlOnEnd: true,
		    								speed: 1500,
		    								pause: 10000,
		    								mode: 'horizontal',
		    								controls: false,
                		});
        		});
    	</script>
</head>

<body id="page_home">
	<header>
		<ul class="bxslider">
		
				<li class="slider">
					<img src="img/firewood.jpeg" alt=""/>
				</li>
				<li class="slider">
					<img src="img/gpu.jpg" alt=""/>
				</li>
				<li class="slider">
					<img src="img/park.jpeg" alt=""/>
				</li>
		
		</ul>
		
		<div class="icon">
			<h3>すべての仕事を遊びにしたい</h3>
			<ul class="nav">
				<li>
					<div class="name">
					<a href="index2.html">rudus</a>
					</div>
				</li>
				<li>
					<a href="news.html">ニュース</a>
				</li>
				<li>
					<a href="company.html">企業情報</a>
				</li>
				<li>
					<a href="service.html">サービス</a>
				</li>
				<li>
					<a href="">お問い合わせ</a>
				</li>
				<li>
					<a href="">ブログ</a>
				</li>
			</ul>
		</div>
	
		

	</header>
	
	<div class="contents clearfix">
		<div class="left_content">
			<h6>rudusは遊び心を忘れずに仕事に取り組む会社です。<br>
			<br>
			<br>
			「仕事」と「遊び」の境界線を取り払って「楽しみ」<br>
			と「責任」を両立させることを目指しています。<br>
			<br>
			<br>
			<br>
			</h6>
			<p>VRやARによってバーチャル空間と現実の境界がなくなりつつ<br>
			中、現実の代表である「仕事」も過去のものとは違って来ています。<br>
			続く
			</p>
		</div> <!--left_content-->
		
		<div class="right_content">
			<h2>新着情報</h2>
			<P>--------------------------------</P>
        <table>
          <tr>
            <th>日にち</th>
            <th>ニュース</th>
          </tr>
          <tr>
            <td>2018/7/16</td>
            <td>rudus site オープン</td>
          </tr>
        </table>
      	
		</div> <!--right_content-->
	</div> <!--contents-->

	<footer>
		<p>Copyright rudus All Rights Reserved.</p>
	</footer>

</body>
</html>