Skip to content

W
wp-dscorp
Commit b02b7f87 by Pham Huy
Options

add homepage template, header, footer

parent f764aa1a
Showing with 232 additions and 130 deletions
wp-content/themes/dscorp/footer.php
...@@ -10,60 +10,133 @@ ...@@ -10,60 +10,133 @@
*/ */
?> ?>
</div><!-- .site-content --> </main>
<!-- Main Content Section -->
<!-- Footer Section -->
<footer>
<div class="footer">
<div class="container">
<!-- Prefooter Section -->
<div class="row pre-footer">
<div class="col-md-4">
<div class="contact-box">
<i class="fa fa-map-marker" aria-hidden="true"></i>
<div class="contact-details">
<h4 class="pre-footer-title">HEAD OFFICE</h4>
<p>PO Box 16122, Collins Street West,
<br> Victoria 8007 Australia </p>
</div>
</div>
</div>
<footer id="colophon" class="site-footer" role="contentinfo"> <div class="col-md-4">
<?php if ( has_nav_menu( 'primary' ) ) : ?> <div class="contact-box">
<nav class="main-navigation" role="navigation" aria-label="<?php esc_attr_e( 'Footer Primary Menu', 'twentysixteen' ); ?>"> <i class="fa fa-phone" aria-hidden="true"></i>
<?php <div class="contact-details">
wp_nav_menu( <h4 class="pre-footer-title">CALL US</h4>
array( <p>SUPPORT: 1800 425 4646
'theme_location' => 'primary', <br> OFFICE: +1 (253) 2587 220</p>
'menu_class' => 'primary-menu', </div>
) </div>
); </div>
?>
</nav><!-- .main-navigation -->
<?php endif; ?>
<?php if ( has_nav_menu( 'social' ) ) : ?> <div class="col-md-4">
<nav class="social-navigation" role="navigation" aria-label="<?php esc_attr_e( 'Footer Social Links Menu', 'twentysixteen' ); ?>"> <div class="contact-box">
<?php <i class="fa fa-envelope" aria-hidden="true"></i>
wp_nav_menu( <div class="contact-details">
array( <h4 class="pre-footer-title">EMAIL US</h4>
'theme_location' => 'social', <p>hello@offshoreindustry.com
'menu_class' => 'social-links-menu', <br> sales@offshoreindustry.com </p>
'depth' => 1, </div>
'link_before' => '<span class="screen-reader-text">', </div>
'link_after' => '</span>', </div>
) </div>
); <!-- Prefooter Section -->
?>
</nav><!-- .social-navigation -->
<?php endif; ?>
<div class="site-info"> <!-- Footer widgets -->
<?php <div class="row widgets">
/** <div class="col-md-4 col-sm-6">
* Fires before the twentysixteen footer text for footer customization. <div class="about-txt widget">
* <img src="<?php echo get_template_directory_uri();?>/images/footer-logo.png" alt="logo" />
* @since Twenty Sixteen 1.0
*/ <p>Collaboratively deliver partnerships progressive alignments. Assertively premier supply chains before emerging solutions. Monetize high-payoff action items before wireless internal or "organic" sources exceptional action items. </p>
do_action( 'twentysixteen_credits' );
?> <div class="widgets-social">
<span class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></span> <a href="#"> <i class="fa fa-facebook" aria-hidden="true"></i> </a>
<?php <a href="#"> <i class="fa fa-twitter" aria-hidden="true"></i></a>
if ( function_exists( 'the_privacy_policy_link' ) ) { <a href="#"> <i class="fa fa-linkedin" aria-hidden="true"></i></a>
the_privacy_policy_link( '', '<span role="separator" aria-hidden="true"></span>' ); <a href="#"> <i class="fa fa-instagram" aria-hidden="true"></i></a>
} </div>
?> </div>
<a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentysixteen' ) ); ?>" class="imprint"> </div>
<?php printf( __( 'Proudly powered by %s', 'twentysixteen' ), 'WordPress' ); ?> <div class="col-md-2 col-sm-6">
</a> <div class="quick-links widget">
</div><!-- .site-info --> <h2 class="widget-title">QUICK LINKS</h2>
</footer><!-- .site-footer --> <ul>
</div><!-- .site-inner --> <li> <a href="#"> Careers </a> </li>
</div><!-- .site --> <li> <a href="#"> Contact </a> </li>
<li> <a href="#"> Market Info </a> </li>
<li> <a href="#"> Technology </a> </li>
<li> <a href="#"> Latest News </a> </li>
</ul>
</div>
</div>
<div class="spacer-50 visible-sm"></div>
<div class="col-md-3 col-sm-6">
<div class="our-services widget">
<h2 class="widget-title">OUR SERVICES</h2>
<ul>
<li> <a href="#"> Chemicals &amp; Commercial Fuels </a> </li>
<li> <a href="#"> Aviation Fuels &amp; Marine Fuels </a> </li>
<li> <a href="#"> Lubricants Services </a> </li>
<li> <a href="#"> Liquified Petrolium Gas </a> </li>
<li> <a href="#"> Shell Sulphur, Trading &amp; Supply </a> </li>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="newsletter widget">
<h2 class="widget-title">Newsletter</h2>
<p>Subscribe to our newsletters to receive latest news and updates.</p>
<!-- ============= Mailchimp Subscribe Form ============= -->
<form action="php/subscribe.php" id="subscribeform" method="post">
<div class="form-group">
<input type="email" id="email" name="email" placeholder="Enter your email" class="form-control" title="Please enter your email" data-msg-email="Please enter a valid email">
</div>
<button type="submit" class="btn btn-block" id="js-subscribe-btn"> Subscribe Now! </button>
<div id="js-subscribe-result" data-success-msg="Done. Subscribed" data-error-msg="Oops. Error!"></div>
</form>
</div>
</div>
</div>
<!-- Footer widgets -->
</div>
</div>
<!-- Copyright -->
<div class="copyright">
<div class="container">
<div class="row copyright-bar">
<div class="col-md-6">
<p>Copyright © 2016 Offshore Industries. All rights reserved.</p>
</div>
<div class="col-md-6 text-right">
<p> <a href="#"> Terms of use</a> <a href="#">Privacy Policy</a> <span> | </span> Made with <i class="fa fa-heart" aria-hidden="true"></i> by Surjith S M </p>
</div>
</div>
</div>
</div>
<!-- Copyright -->
</footer>
<!-- Footer Section -->
<!-- back-to-top link -->
<a href="#0" class="cd-top"> Top </a>
</main>
<!-- Main Content Section -->
<?php wp_footer(); ?> <?php wp_footer(); ?>
</body> </body>
......
wp-content/themes/dscorp/functions.php
...@@ -587,9 +587,10 @@ function dscorp_style() { ...@@ -587,9 +587,10 @@ function dscorp_style() {
*/ */
wp_register_style( 'main-bootstrap', get_template_directory_uri() . '/css/bootstrap.min.css', 'all' ); wp_register_style( 'main-bootstrap', get_template_directory_uri() . '/css/bootstrap.min.css', 'all' );
wp_register_style( 'main-style', get_template_directory_uri() . '/css/dscorp-style.css', 'all' ); wp_register_style( 'main-style', get_template_directory_uri() . '/css/dscorp-style.css', 'all' );
wp_register_style( 'flexslider', get_template_directory_uri() . '/css/flexslider.css', 'all' );
wp_register_style( 'owl-carousel', get_template_directory_uri() . '/css/owl.carousel.min.css', 'all' ); wp_register_style( 'owl-carousel', get_template_directory_uri() . '/css/owl.carousel.min.css', 'all' );
wp_register_style( 'owl-theme', get_template_directory_uri() . '/css/owl.theme.min.css', 'all' ); wp_register_style( 'owl-theme', get_template_directory_uri() . '/css/owl.theme.min.css', 'all' );
wp_register_style( 'flexslider', get_template_directory_uri() . '/css/flexslider.css', 'all' ); wp_register_style( 'font-awesome', get_template_directory_uri() . '/fonts/font-awesome/css/font-awesome.min.css', 'all' );
wp_register_style( 'style-dscorp', get_template_directory_uri() . '/css/style.css', 'all' ); wp_register_style( 'style-dscorp', get_template_directory_uri() . '/css/style.css', 'all' );
wp_register_script('main-jquery', get_template_directory_uri() . '/js/jquery.min.js', array('jquery'),'3.3', true); wp_register_script('main-jquery', get_template_directory_uri() . '/js/jquery.min.js', array('jquery'),'3.3', true);
...@@ -598,7 +599,6 @@ function dscorp_style() { ...@@ -598,7 +599,6 @@ function dscorp_style() {
wp_register_script('contact-js', get_template_directory_uri() . '/js/contact.js', array('jquery'),'3.3', true); wp_register_script('contact-js', get_template_directory_uri() . '/js/contact.js', array('jquery'),'3.3', true);
wp_register_script('jquery-counterup', get_template_directory_uri() . '/js/jquery.counterup.min.js', array('jquery'),'3.3', true); wp_register_script('jquery-counterup', get_template_directory_uri() . '/js/jquery.counterup.min.js', array('jquery'),'3.3', true);
wp_register_script('jquery-flexslider', get_template_directory_uri() . '/js/jquery.flexslider-min.js', array('jquery'),'3.3', true); wp_register_script('jquery-flexslider', get_template_directory_uri() . '/js/jquery.flexslider-min.js', array('jquery'),'3.3', true);
wp_register_script('maps-js', get_template_directory_uri() . '/js/maps.js', array('jquery'),'3.3', true);
wp_register_script('owlcarousel-js', get_template_directory_uri() . '/js/owl.carousel.min.js', array('jquery'),'3.3', true); wp_register_script('owlcarousel-js', get_template_directory_uri() . '/js/owl.carousel.min.js', array('jquery'),'3.3', true);
wp_register_script('subscribe-js', get_template_directory_uri() . '/js/subscribe.js', array('jquery'),'3.3', true); wp_register_script('subscribe-js', get_template_directory_uri() . '/js/subscribe.js', array('jquery'),'3.3', true);
wp_register_script('validate-js', get_template_directory_uri() . '/js/validate.js', array('jquery'),'3.3', true); wp_register_script('validate-js', get_template_directory_uri() . '/js/validate.js', array('jquery'),'3.3', true);
...@@ -610,6 +610,7 @@ function dscorp_style() { ...@@ -610,6 +610,7 @@ function dscorp_style() {
wp_enqueue_style( 'owl-carousel' ); wp_enqueue_style( 'owl-carousel' );
wp_enqueue_style( 'owl-theme' ); wp_enqueue_style( 'owl-theme' );
wp_enqueue_style( 'flexslider' ); wp_enqueue_style( 'flexslider' );
wp_enqueue_style( 'font-awesome' );
wp_enqueue_style( 'style-dscorp' ); wp_enqueue_style( 'style-dscorp' );
wp_enqueue_script( 'main-jquery' ); wp_enqueue_script( 'main-jquery' );
...@@ -618,7 +619,6 @@ function dscorp_style() { ...@@ -618,7 +619,6 @@ function dscorp_style() {
wp_enqueue_script( 'contact-js' ); wp_enqueue_script( 'contact-js' );
wp_enqueue_script( 'jquery-counterup' ); wp_enqueue_script( 'jquery-counterup' );
wp_enqueue_script( 'jquery-flexslider' ); wp_enqueue_script( 'jquery-flexslider' );
wp_enqueue_script( 'maps-js' );
wp_enqueue_script( 'owlcarousel-js' ); wp_enqueue_script( 'owlcarousel-js' );
wp_enqueue_script( 'subscribe-js' ); wp_enqueue_script( 'subscribe-js' );
wp_enqueue_script( 'validate-js' ); wp_enqueue_script( 'validate-js' );
......
wp-content/themes/dscorp/header.php
...@@ -23,84 +23,113 @@ ...@@ -23,84 +23,113 @@
<body <?php body_class(); ?>> <body <?php body_class(); ?>>
<?php wp_body_open(); ?> <?php wp_body_open(); ?>
<div id="page" class="site"> <!-- Preloader -->
<div class="site-inner"> <div class="loader-wrapper">
<a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'twentysixteen' ); ?></a> <div class="sk-cube-grid">
<div class="sk-cube sk-cube1"></div>
<div class="sk-cube sk-cube2"></div>
<div class="sk-cube sk-cube3"></div>
<div class="sk-cube sk-cube4"></div>
<div class="sk-cube sk-cube5"></div>
<div class="sk-cube sk-cube6"></div>
<div class="sk-cube sk-cube7"></div>
<div class="sk-cube sk-cube8"></div>
<div class="sk-cube sk-cube9"></div>
</div>
</div>
<header id="masthead" class="site-header" role="banner"> <!-- Page Wrapper -->
<div class="site-header-main"> <div class="wrapper">
<div class="site-branding">
<?php twentysixteen_the_custom_logo(); ?>
<?php if ( is_front_page() && is_home() ) : ?> <!-- Header Section -->
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1> <header>
<?php else : ?> <div class="header-area">
<p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
<?php
endif;
$description = get_bloginfo( 'description', 'display' ); <!-- Top Contact Info -->
if ( $description || is_customize_preview() ) : <div class="row logo-top-info">
?> <div class="container">
<p class="site-description"><?php echo $description; ?></p> <div class="col-md-3 logo">
<?php endif; ?> <!-- Main Logo -->
</div><!-- .site-branding --> <a href="index.html"><?php twentysixteen_the_custom_logo(); ?></a>
<!-- Responsive Toggle Menu -->
<?php if ( has_nav_menu( 'primary' ) || has_nav_menu( 'social' ) ) : ?> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar">
<button id="menu-toggle" class="menu-toggle"><?php _e( 'Menu', 'twentysixteen' ); ?></button> <span class="sr-only"> Main Menu </span>
<span class="icon-bar"></span>
<div id="site-header-menu" class="site-header-menu"> <span class="icon-bar"></span>
<?php if ( has_nav_menu( 'primary' ) ) : ?> <span class="icon-bar"></span>
<nav id="site-navigation" class="main-navigation" role="navigation" aria-label="<?php esc_attr_e( 'Primary Menu', 'twentysixteen' ); ?>"> </button>
<?php </div>
wp_nav_menu( <div class="col-md-9 top-info-social">
array( <div class="pull-right">
'theme_location' => 'primary', <div class="top-info">
'menu_class' => 'primary-menu', <div class="call">
) <h3> CALL US </h3>
); <p> 1800 425 4646 </p>
?> </div>
</nav><!-- .main-navigation --> <div class="email">
<?php endif; ?> <h3> EMAIL US </h3>
<p> info@offshoreinsustry.com </p>
</div>
<div class="market">
<h3> MARKET </h3>
<p> 256.78 <span class="forex"> <i class="fa fa-caret-up" aria-hidden="true"></i> + 4.26 </span> </p>
</div>
</div>
<div class="social">
<ul class="social-icons">
<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<?php if ( has_nav_menu( 'social' ) ) : ?> <!-- Main Navigation Section -->
<nav id="social-navigation" class="social-navigation" role="navigation" aria-label="<?php esc_attr_e( 'Social Links Menu', 'twentysixteen' ); ?>"> <nav id="navbar" class="collapse navbar-collapse main-menu">
<?php <div class="container">
wp_nav_menu( <ul class="main-menu">
array( <li class="active"> <a href="index.html"> Home </a></li>
'theme_location' => 'social', <li class="dropdown"> <a href="#" data-toggle="dropdown"> About
'menu_class' => 'social-links-menu', <i class="fa fa-chevron-down dropdown-toggle"> </i> </a>
'depth' => 1, <ul>
'link_before' => '<span class="screen-reader-text">', <li> <a href="about.html"> The Company </a> </li>
'link_after' => '</span>', <li> <a href="mission.html"> Vision &amp; Mission </a> </li>
) <li> <a href="approach.html"> Our Approach </a> </li>
); <li> <a href="leaders.html"> Our Team </a> </li>
?> </ul>
</nav><!-- .social-navigation --> </li>
<?php endif; ?> <li class="dropdown"><a href="#" data-toggle="dropdown"> Services
</div><!-- .site-header-menu --> <i class="fa fa-chevron-down dropdown-toggle"> </i> </a>
<?php endif; ?> <ul>
</div><!-- .site-header-main --> <li> <a href="services.html"> Services List </a> </li>
<li> <a href="services-list.html"> Services List Fullwidth </a> </li>
<?php if ( get_header_image() ) : ?> <li> <a href="services-single.html"> Services Single </a> </li>
<?php <li> <a href="services-full-width.html"> Services Full Width </a> </li>
/** </ul>
* Filter the default twentysixteen custom header sizes attribute. </li>
* <li><a href="technology.html"> Technology </a> </li>
* @since Twenty Sixteen 1.0 <li><a href="blog.html"> News &amp; Media </a> </li>
* <li class="dropdown"> <a href="#" data-toggle="dropdown"> Pages
* @param string $custom_header_sizes sizes attribute <i class="fa fa-chevron-down dropdown-toggle"> </i> </a>
* for Custom Header. Default '(max-width: 709px) 85vw, <ul>
* (max-width: 909px) 81vw, (max-width: 1362px) 88vw, 1200px'. <li> <a href="blog.html"> Blog </a> </li>
*/ <li> <a href="blog-single.html"> Blog Single </a> </li>
$custom_header_sizes = apply_filters( 'twentysixteen_custom_header_sizes', '(max-width: 709px) 85vw, (max-width: 909px) 81vw, (max-width: 1362px) 88vw, 1200px' ); <li> <a href="careers-single.html"> Careers Single </a> </li>
?> <li> <a href="shortcodes.html"> Shortcodes </a> </li>
<div class="header-image"> <li> <a href="404.html"> 404 page </a> </li>
<a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"> <li> <a href="blank-page.html"> Blank Page </a> </li>
<img src="<?php header_image(); ?>" srcset="<?php echo esc_attr( wp_get_attachment_image_srcset( get_custom_header()->attachment_id ) ); ?>" sizes="<?php echo esc_attr( $custom_header_sizes ); ?>" width="<?php echo esc_attr( get_custom_header()->width ); ?>" height="<?php echo esc_attr( get_custom_header()->height ); ?>" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>"> </ul>
</a> </li>
</div><!-- .header-image --> <li><a href="careers.html"> CAREERS </a> </li>
<?php endif; // End header image check. ?> <li><a href="contact.html"> CONTACT </a> </li>
</header><!-- .site-header --> </ul>
</div>
</nav>
</div>
</header>
<div id="content" class="site-content"> <!-- Main Content Section -->
<main class="main">
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment