<!DOCTYPE html>
<html lang="en-US">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
        <title>
        	MrCrayfish / Mods        </title>
        <link rel="icon" type="image/png" href="favicon.png">
        <link rel="stylesheet" href="css/components.css">
        <link rel="stylesheet" href="css/responsee.css">
	    <link rel="stylesheet" href="owl-carousel/owl.carousel.css">
	    <link rel="stylesheet" href="owl-carousel/owl.theme.css">
        <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
        <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui.min.js"></script>
        <script type="text/javascript" src="js/modernizr.js"></script>
        <script type="text/javascript" src="js/responsee.js"></script>
        <!--[if lt IE 9]>
        	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
                <script>
			$(document).ready(function() {
				$(document).on("click", ".spoiler-button", function() {
					var spoiler = $(this).next("div");
					if(spoiler.is(":hidden")) {
						spoiler.slideDown("slow");
						$(this).css("border-bottom", "1px solid #d2d2d2");
					} else {
						spoiler.slideUp("slow");
						$(this).css("border-bottom", "");
					}
				});
			});
        </script>
    </head>
    <body class="size-960">
    	<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-63574710-1', 'auto');
  ga('send', 'pageview');

</script>        <header>
    <div class="line">
        <div class="box">
            <div class="s-6 l-4">
                <a href="/"><img src="img/logo.png"></a>
            </div>
            <div class="s-6 l-3 s-hide right">
				        <script src="https://apis.google.com/js/platform.js"></script>
				        <center style="margin-top:-0.2em;"><div class="g-ytsubscribe" data-channel="MrCrayfishMinecraft" data-layout="full" data-count="default"></div></center>
			      </div>
        </div>
    </div>
    <div class="line">
    <nav class="margin-bottom">
        <p class="nav-text">Menu</p>
        <div class="top-nav s-12 l-9">
            <ul>
                <li><a href="index">Home</a></li>
                <li><a href="mods">Mods</a></li>
                <li><a href="tools">Tools</a></li>
                <li><a href="redstone-hub">Redstone Hub</a></li>
				<li><a href="store">Store</a></li>
        		<li><a href="login">Login</a></li><li><a href="register">Register</a></li>            </ul>
        </div>
        <div class="hide-s l-3">
            <a href="https://github.com/MrCrayfish"><i class="icon-git_circle icon2x right padding icon-hover"></i></a>
            <a href="https://instagram.com/mrcraayfish/"><i class="icon-instagram_circle icon2x right padding icon-hover"></i></a>
            <a href="https://www.facebook.com/MrCrayfish"><i class="icon-facebook_circle icon2x right padding icon-hover"></i></a>
            <a href="https://twitter.com/MrCraayfish"><i class="icon-twitter_circle icon2x right padding icon-hover"></i></a>
        </div>
    </nav>
</div></header>
        <section>
            <div class="line">
                <div class="margin-bottom breadcrumb">
                   <ul>
                        <li><a href="index"><i class="icon-home"></i></a></li><i class="icon-chevron_right"></i>
                      <li>Mods</li>                   </ul>
                </div>
            </div>
	        <div class="line"><div class="margin"><div class="s-12 l-12"><div class="box margin-bottom"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- mrcrayfish-mod-list -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-1025666339061473"
     data-ad-slot="1244502148"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div></div><div class="s-12 l-4 margin-bottom">
	<a href="?id=cdm">
    <div class="box simple-hover mod-box" style="cursor: pointer;">
			<div class="item">
				<img src="img/cdm/box.jpg" alt="">
			</div>
      <h3>Device Mod</h3>
      <h4>Adds in a working laptop and other devices!</h4>
    </div>
	</a>
</div>
<div class="s-12 l-4 margin-bottom">
	<a href="?id=cfm">
    <div class="box simple-hover mod-box" style="cursor: pointer;">
			<div class="item">
				<img src="img/cfm/box.jpg" alt="">
			</div>
      <h3>Furniture Mod</h3>
      <h4>Adds over 80 unique Furniture to Minecaft</h4>
    </div>
	</a>
</div>
<div class="s-12 l-4 margin-bottom">
	<a href="?id=cfmrift">
    <div class="box simple-hover mod-box" style="cursor: pointer;">
			<div class="item">
				<img src="img/cfmrift/box.jpg" alt="">
			</div>
      <h3>Furniture Mod: Rift Edition</h3>
      <h4>The Furniture Mod for the Rift API (Minecraft 1.13+)</h4>
    </div>
	</a>
</div>
<div class="s-12 l-4 margin-bottom">
	<a href="?id=cgm">
    <div class="box simple-hover mod-box" style="cursor: pointer;">
			<div class="item">
				<img src="img/cgm/box.jpg" alt="">
			</div>
      <h3>Gun Mod</h3>
      <h4>Adds in simple modular guns!</h4>
    </div>
	</a>
</div>
<div class="s-12 l-4 margin-bottom">
	<a href="?id=vehicle">
    <div class="box simple-hover mod-box" style="cursor: pointer;">
			<div class="item">
				<img src="img/vehicle/box.jpg" alt="">
			</div>
      <h3>Vehicle Mod</h3>
      <h4>Adds various fun vehicles into Minecraft</h4>
    </div>
	</a>
</div>
</div></div>		</section>
		<footer>
	<div class="line">
	    <div class="box">
	        <div class="s-12 l-6">
	            <p>Copyright 2015 &#169; <a href="https://www.youtube.com/user/mrcrayfishminecraft"><b>MrCrayfish</b></a></p>
	        </div>
	        <div class="s-12 l-6">
	            <a class="right" href="http://www.myresponsee.com" title="Responsee - lightweight responsive framework">Base Template by Responsee Team</a>
	        </div>
	    </div>
    </div>
</footer>
		<script type="text/javascript" src="owl-carousel/owl.carousel.js"></script>
		<script type="text/javascript">
         jQuery(document).ready(function($) {
           $("#owl-demo").owlCarousel({
         	slideSpeed : 300,
         	paginationSpeed : 400,
         	autoPlay : true,
         	singleItem:true
           });
		   $("#owl-demo2").owlCarousel({
         	items : 4,
         	lazyLoad : true,
         	autoPlay : true,
         	navigation : true,
         	pagination : false
           });
         });
		</script>
    </body>
</html>
