I know but created custom homepage in the main site directory its worked before just not here. I want a completely different style for one of my pages so I created a custom index.php for the main site. I have it working all correctly on this site the only difference is I want to use the wordpress theme on my index.
index.php in main directory
<?php
// Include WordPress
define('WP_USE_THEMES', true);
require('blog/wp-blog-header.php');
?>
<!DOCTYPE html>
<html lang="en">
<head>
<link href="css/parallax-slider.css" rel="stylesheet">
</head>
<body>
<!--start: Header -->
<header>
<!--start: Container -->
<!--end: Container-->
</header>
<!--end: Header-->
<!-- start: Slider -->
<div class="slider-wrapper">
<div id="da-slider" class="da-slider">
<?php
$id = 70;
$temp = $post;
$post = get_post( $id );
setup_postdata( $post );
?>
<div class="da-slide">
<h2><?php the_title(); ?></h2>
<p><?php echo excerpt(10); ?></p>
<a href="<?php the_permalink(); ?>" <class="da-link">Read more</a>
<div class="da-img"><img src="<?php echo catch_that_image() ?>"></div>
</div>
</div>
<nav class="da-arrows">
<span class="da-arrows-prev"></span>
<span class="da-arrows-next"></span>
</nav>
</div>
</div>
<!-- end: Slider -->
<!--start: Wrapper-->
<div id="wrapper">
<!--start: Container -->
<div class="container">
<?php
$id=14;
$post = get_post($id);
$content = apply_filters('the_content', $post->post_content);
echo $content;
?>
<?php
$posts = get_posts('numberposts=5&order=ASC&orderby=post_title');
foreach ($posts as $post) : setup_postdata( $post ); ?>
<br><br />
<h2><?php the_title(); ?></h2>
<?php echo content('25'); ?>
<p>
<p>
<a href="<?php the_permalink(); ?>">Read more</a>
<p>
<p>
<i class="mini-ico-calendar"></i> <?php the_date(); ?>
<i class="mini-ico-user"></i> <?php the_author(); ?></p>
<?php
endforeach;
?>
</div>
<!--end: Container-->
</div>
<!-- end: Wrapper -->
</div>
<!-- end: Container -->
<!-- start: Footer -->
<div id="footer">
</div>
<!-- end: Row -->
</div>
<!-- end: Container -->
</div>
<!-- end: Footer -->
<!-- start: Java Script -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.isotope.min.js"></script>
<script src="js/jquery.imagesloaded.js"></script>
<script src="js/flexslider.js"></script>
<script src="js/carousel.js"></script>
<script src="js/jquery.cslider.js"></script>
<script src="js/slider.js"></script>
<script src="js/jquery.fancybox.js"></script>
<script src="js/excanvas.js"></script>
<script src="js/jquery.flot.js"></script>
<script src="js/jquery.flot.pie.min.js"></script>
<script src="js/jquery.flot.stack.js"></script>
<script src="js/jquery.flot.resize.min.js"></script>
<script src="js/custom.js"></script>
<!-- end: Java Script -->
</body>
</html>