home.php

<!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>
<link  rel="icon" type="icon" href="<?php echo base_url(); ?>img/icon.ico"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Gudang Emprit</title>
<script type="text/javascript" src="<?php echo base_url(); ?>js/jquery.min.js"></script>
<link rel="stylesheet" href="<?php echo base_url(); ?>css/style.css" type="text/css" />
<script type="text/javascript" src="<?php echo base_url();?>js/login.js"></script>
<link rel="stylesheet" href="<?php echo base_url(); ?>css/login.css" />
<script type="text/javascript" src="<?php echo base_url(); ?>js/tytabs.jquery.min.js"></script>

<!-- Le styles -->
    <link href="<?php echo base_url();?>css/bootstrap.css" rel="stylesheet">
    <link href="<?php echo base_url();?>css/bootstrap-responsive.css" rel="stylesheet">

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="<?php echo base_url();?>js/html5.js"></script>
    <![endif]-->
    <!-- Le fav and touch icons -->

<script type="text/javascript">
<!--
$(document).ready(function(){
    $("#tabsholder").tytabs({
                            tabinit:"2",
                            fadespeed:"fast"
                            });
    $("#tabsholder2").tytabs({
                            prefixtabs:"tabz",
                            prefixcontent:"contentz",
                            classcontent:"tabscontent",
                            tabinit:"3",
                            catchget:"tab2",
                            fadespeed:"normal"
                            });
});
-->
</script>

<style type="text/css">
<!--

body {
background:#cccccc;
}

.marginbot {
margin-bottom:15px;
}

ul.list li {
list-style-type:none;
margin-left:20px;
}

ul.tabs {
width:100%;
overflow:hidden;
margin: 0 auto 0;
}

ul.tabs li {
list-style-type:none;
float:left;
color:#fff;
padding:8px;
margin-right:2px;
border-bottom:2px solid #121212;
background:#888888;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
cursor:pointer;border-radius:4px 4px 0px 0px;
}

ul.tabs li:hover {
background-color:#5077fa;
}

ul.tabs li.current {
border-bottom:2px solid #5077fa;
background-color:#5077fa;
padding:8px;
}

.tabscontent {
padding:8px 0 0 0;
display:none;
width:100%;
text-align:justify;
}
-->
</style>
</head>

<body>
<div id="outer_emprit">
    <!-- Tabs -->
    <div id="tabsholder">
            <div id="bar">
        <div id="container">
            <!-- Login Starts Here -->
            <div id="loginContainer">
                <a href="#" id="loginButton"><span>Login</span><em></em></a>
                <div style="clear:both"></div>
                <div id="loginBox">
                    <form id="loginForm" action="<?php echo base_url();?>login_pelamar" method='POST'>
                        <fieldset id="body">
                            <fieldset>
                                <label for="email">Username</label>
                                <input type="text" name="username" id="username" />
                            </fieldset>
                            <fieldset>
                                <label for="password">Password</label>
                                <input type="password" name="password" id="password" />
                            </fieldset>
                            <input type="submit" id="login" value="Sign in" />
                            <label for="checkbox"><input type="checkbox" id="checkbox" />Remember me</label>
                        </fieldset>
                        <span><a href="#">Forgot your password?</a></span>
                    </form>
                </div>
            </div>

            <!-- Login Ends Here -->

        <ul class="tabs">
            <li id="tab1">Home</li>
            <li id="tab2">Profile</li>
            <li id="tab3">Registrasi</li>
            <li id="tab4">Contact Person</li>
          </ul>
        </div>
    </div>
        <div class="contents marginbot">
            <!--slide-->
        <div id="slider-wrapper">
    <div id="slider" class="nivoSlider">
         <?php echo $slide; ?>
    </div>
</div>

    <script type="text/javascript" src="<?php echo base_url();?>js/jquery.nivo.slider.js"></script>
    <script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider({
            effect: 'random',
            slices: 15,
            boxCols: 8,
            boxRows: 4,
            animSpeed: 500,
            pauseTime: 3000,
            startSlide: 0,
            directionNav: true,
            directionNavHide: true,
            controlNav: true,
            controlNavThumbs: false,
            controlNavThumbsFromRel: false,
            controlNavThumbsSearch: '.jpg',
            controlNavThumbsReplace: '_thumb.jpg',
            keyboardNav: true,
            pauseOnHover: true,
            manualAdvance: false,
            captionOpacity: 0.8,
            prevText: 'Prev',
            nextText: 'Next',
            beforeChange: function(){},
            afterChange: function(){},
            slideshowEnd: function(){},
            lastSlide: function(){},
            afterLoad: function(){}
        });
    });
    </script>
    <!--/slide-->
            <div id="content1" class="tabscontent">
                <?php echo $home; ?>
            </div>
            <div id="content2" class="tabscontent">
            <?php echo $profile; ?>
            </div>
            <div id="content3" class="tabscontent">
            <?php echo $register; ?>
            </div>
            <div id="content4" class="tabscontent">
                    <?php echo $contact; ?>
                </div>

         <div id="footer">
              copyright by <a href="http://www.facebook.com/rifaqu" target="_blank">Gudang Emprit </a> @2012
            </div>
    </div>
    <!-- /Tabs -->
</div>
</body>
</html>