<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">    <meta name="author" content="">
<link rel="SHORTCUT ICON" href="img/favicon.ico" />     <!-- <link rel="SHORTCUT ICON" href="<?php echo get_theme_mod('spoke_favicon'); ?>" /> -->    
<title>Spoke WP Theme</title>        
<link rel="profile" href="http://gmpg.org/xfn/11" />     
<!-- Bootstrap core CSS -->    
<link href="css/bootstrap.css" rel="stylesheet">     
<!-- Add custom CSS here -->    
<link rel="stylesheet" type="text/css" media="all" href="css/style.css"/>
<link href="css/add-style.css" rel="stylesheet">
<link href="css/stylish-portfolio.css" rel="stylesheet">
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet">
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
    <style type="text/css">
        /*body{ 
            background-color: <?php echo get_theme_mod('spoke_color_background'); ?>; 
            font-family: "<?php echo get_theme_mod('spoke_font_body'); ?>";
        }
        /*fonts*/
        h1 {
            font-family: "<?php echo get_theme_mod('spoke_font_h1'); ?>";
            color: <?php echo get_theme_mod('spoke_color_titles'); ?>;
        } 
        h2 {
            font-family: "<?php echo get_theme_mod('spoke_font_h2'); ?>";
            color: <?php echo get_theme_mod('spoke_color_titles'); ?>;
        }
        h3 {
            font-family: "<?php echo get_theme_mod('spoke_font_h3'); ?>";
            color: <?php echo get_theme_mod('spoke_color_titles'); ?>;
        }
        h4 {
            font-family: "<?php echo get_theme_mod('spoke_font_h4'); ?>";
            color: <?php echo get_theme_mod('spoke_color_titles'); ?>;
        }
        h5 {
            font-family: "<?php echo get_theme_mod('spoke_font_h5'); ?>";
            color: <?php echo get_theme_mod('spoke_color_titles'); ?>;
        }
        h6 {
            font-family: "<?php echo get_theme_mod('spoke_font_h6'); ?>";
            color: <?php echo get_theme_mod('spoke_color_titles'); ?>;
        } 
        /*site title*/
        h1.site-title {
            font-family: "<?php echo get_theme_mod('spoke_font_h1'); ?>";
            color: <?php echo get_theme_mod('spoke_color_titles'); ?>;
        } 
        h2.site-title {
            font-family: "<?php echo get_theme_mod('spoke_font_h2'); ?>";
            color: <?php echo get_theme_mod('spoke_color_titles'); ?>;
        }
        h3.site-title {
            font-family: "<?php echo get_theme_mod('spoke_font_h3'); ?>";
            color: <?php echo get_theme_mod('spoke_color_titles'); ?>;
        }
        h4.site-title {
            font-family: "<?php echo get_theme_mod('spoke_font_h4'); ?>";
            color: <?php echo get_theme_mod('spoke_color_titles'); ?>;
        }
        h5.site-title {
            font-family: "<?php echo get_theme_mod('spoke_font_h5'); ?>";
            color: <?php echo get_theme_mod('spoke_color_titles'); ?>;
        }
        h6.site-title {
            font-family: "<?php echo get_theme_mod('spoke_font_h6'); ?>";
            color: <?php echo get_theme_mod('spoke_color_titles'); ?>;
        }
        /*site subtitle*/
        h1.site-subtitle {
            font-family: "<?php echo get_theme_mod('spoke_font_h1'); ?>";
            color: <?php echo get_theme_mod('spoke_color_subtitles'); ?>;
        } 
        h2.site-subtitle {
            font-family: "<?php echo get_theme_mod('spoke_font_h2'); ?>";
            color: <?php echo get_theme_mod('spoke_color_subtitles'); ?>;
        }
        h3.site-subtitle {
            font-family: "<?php echo get_theme_mod('spoke_font_h3'); ?>";
            color: <?php echo get_theme_mod('spoke_color_subtitles'); ?>;
        }
        h4.site-subtitle {
            font-family: "<?php echo get_theme_mod('spoke_font_h4'); ?>";
            color: <?php echo get_theme_mod('spoke_color_subtitles'); ?>;
        }
        h5.site-subtitle {
            font-family: "<?php echo get_theme_mod('spoke_font_h5'); ?>";
            color: <?php echo get_theme_mod('spoke_color_subtitles'); ?>;
        }
        h6.site-subtitle {
            font-family: "<?php echo get_theme_mod('spoke_font_h6'); ?>";
            color: <?php echo get_theme_mod('spoke_color_subtitles'); ?>;
        }
        /*content texts*/
        p {
            font-family: "<?php echo get_theme_mod('spoke_font_body'); ?>";
            color: <?php echo get_theme_mod('spoke_color_texts'); ?>; 
        }
        /*menu*/
        .navbar-default {
            background-color: <?php echo get_theme_mod('spoke_color_menu'); ?>;
        }
        .navbar-default .navbar-nav > li:hover {
            background-color: <?php echo get_theme_mod('spoke_color_menu_hover'); ?>;
        }
        .navbar-default .navbar-nav > li.current-menu-item {
            background-color: <?php echo get_theme_mod('spoke_color_menu_active'); ?>;
        }
        .navbar-default .navbar-nav > li > a {
            color: <?php echo get_theme_mod('spoke_color_menu_text'); ?>;
        }
        .navbar-default .navbar-nav > li > a:hover {
            color: <?php echo get_theme_mod('spoke_color_menu_text_hover'); ?>;
        }
        .navbar-default .navbar-nav > li.current-menu-item > a:hover {
            color: <?php echo get_theme_mod('spoke_color_menu_text_active'); ?>;
        }
        .dropdown-menu {
            background-color: <?php echo get_theme_mod('spoke_color_dropmenu'); ?>;
        }
        .dropdown-menu > li > a:hover {
            background-color: <?php echo get_theme_mod('spoke_color_dropmenu_hover'); ?>;
            color: <?php echo get_theme_mod('spoke_color_dropmenu_text_hover'); ?>;
        }
        .dropdown-menu > li > a {
            color: <?php echo get_theme_mod('spoke_color_dropmenu_text'); ?>;
        }*/
    </style>
    <?php
        if ( !get_theme_mod('spoke_width_layout')) {
            function custom_bodyclass($classes) {
                // add 'class-name' to the $classes array
                $classes[] = 'non-fullwidth';
                // return the $classes array
                return $classes;
            }
            //add class to the filter
            add_filter('body_class','custom_bodyclass');
        };
    ?>
</head>
<body>
    <div id="main-wrapper">  
        <!-- Fixed navbar -->
        <div class="navbar navbar-default navbar-fixed-top" role="navigation">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button> 
                <h1 id="logo"><a class="navbar-brand" href="#"> <img src="img/logo2211.jpg" alt="Logo" title="Logo" /></a></h1>
                <!-- <h1 id="logo"><a class="navbar-brand" href="#"> <img src="<?php echo get_theme_mod('spoke_logo'); ?>" alt="Logo" title="Logo" /></a></h1> -->
            </div>
            <div class="collapse navbar-collapse"> 
                <ul id="menu-top-menu" class="nav navbar-nav">
                    <li class="current-menu-item"><a href="#">Home</a></li>
                    <li class="menu-item-has-children"><a href="#">Portfolio</a> 
                        <ul class="sub-menu">
                            <li><a href="#">Project Showcase</a></li>
                            <li><a href="#">Capstone</a></li>
                            <li><a href="#">Application of Learning</a></li>
                        </ul>
                    </li>
                    <li class="menu-item-has-children"><a href="#">Experience</a>
                        <ul class="sub-menu">
                            <li><a href="#">Coursework</a></li>
                            <li><a href="#">Job History</a></li>
                            <li><a href="#">Resume</a></li>
                        </ul>
                    </li>
                    <li class="menu-item-has-children"><a href="#">About Me</a>
                        <ul class="sub-menu">
                            <li><a href="#">Biography</a></li>
                            <li><a href="#">Hobbies/Interests</a></li>
                            <li class="menu-item-has-children"><a href="#">Skills</a>
                                <ul class="sub-menu">
                                    <li><a href="#">Resume</a></li>
                                </ul>
                            </li>
                            <li><a href="#">Community</a></li>
                        </ul>
                    </li>
                    <li><a href="#">Blog</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>          
            </div><!--/.nav-collapse --> 
        </div><!-- Fixed navbar --> 
        <div class="container">
            <div class="carousel-caption">
                <h1 class="site-title">Example Title of The Site Here</h1>
                <h2 class="site-subtitle">With A Subtitle Below</h2>
            </div>
        </div>
        <!-- Carousel
        ================================================== -->
        <div id="myCarousel" class="carousel slide" data-ride="carousel">
          <!-- Indicators -->
          <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
          </ol>
          <div class="carousel-inner">
            <div class="item active">
              <img src="img/bg.jpg" alt="First slide">
              
            </div>
            <div class="item">
              <img src="img/bg.jpg" alt="Second slide"> 
            </div>
            <div class="item">
              <img src="img/bg.jpg" alt="Third slide"> 
            </div>
          </div>
          <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
          <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
        </div><!-- /.carousel -->
        <!-- Intro -->
        <div id="about" class="intro">
            <div class="container">
                <div class="row">
                    <div class="col-md-4 text-center"> 
                        <div class="icons">
                          <h3 class="icons-title">
                            <a class="icons-img" href="#"> 
                              <img src="http://spokedev.mydevwebsites.com/wp-content/uploads/2014/02/icon_img111.png"><br />
                              <span>icon title test 1 test</span>
                            </a>
                          </h3>
                          <p>Dynamically procrastinate B2C users after installed base benefits. </p>
                        </div>
                    </div>
                    <div class="col-md-4 text-center"> 
                        <div class="icons">
                          <h3 class="icons-title">
                            <a class="icons-img" href="#"> 
                              <img src="http://spokedev.mydevwebsites.com/wp-content/uploads/2014/02/icon_img211.png"><br />
                              <span>Icon 2 Title</span>
                            </a>
                          </h3>
                          <p> Efficiently unleash cross-media information without cross-media value. Quickly maximize </p>
                        </div>
                    </div> 
                    <div class="col-md-4 text-center"> 
                        <div class="icons">
                          <h3 class="icons-title">
                            <a class="icons-img" href="#"> 
                              <img src="http://spokedev.mydevwebsites.com/wp-content/uploads/2014/02/icon_img311.png"><br />
                              <span>Icon 3 Title</span>
                            </a>
                          </h3>
                          <p> Relationships via premier niche markets. Professionally cultivate one-to-one customer service with robust ideas. </p>
                        </div>
                    </div> 
                </div>
            </div>
        </div>
        <!-- /Intro -->
            
        <!-- content-2 -->
        <div id="cont2" class="content-2">   
            <img class="video-img" src="http://spokedev.mydevwebsites.com/wp-content/themes/spoke/img/video.jpg"> 
        </div>
        <!-- /content-2 -->
        
        <!-- content-3 -->
        <div id="cont3" class="content-3">
            <div class="container">
                <div class="row">
                    <div class="text-center">
                        <h1>ANOTHER BIT OF TITLE</h1>
                        Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.
                        <br/><br/>
                        <a class="button1-c3" href="#">A BUTTON</a>
                    </div>
                </div>
            </div>
        </div>
        <!-- /content-3 -->
        
        <!-- content-4 -->
        <div id="cont4" class="content-4"> 
            <div class="text-center"> 
                <div class="highlighted-img row">
                    <div class="img_area col-lg-4">
                        <div class="img_item">
                            <img src="http://spokedev.mydevwebsites.com/wp-content/gallery/homeimages/himage1.jpg" alt="" />
                        </div>
                        <div class="hbuttons" style="display: none;">
                            <h3>Print</h3>
                            <p>Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence</p>
                            <div class="hover-buttons">
                                <a class="img_lightbox" href="http://spokedev.mydevwebsites.com/wp-content/gallery/homeimages/himage1.jpg"><img src="http://spokedev.mydevwebsites.com/wp-content/themes/spoke/img/icon_img4.png"></a>
                                <a class="img_link"  href=""><img src="http://spokedev.mydevwebsites.com/wp-content/themes/spoke/img/icon_img5.png"></a>
                            </div>
                        </div>
                    </div>
                    <div class="img_area col-lg-4">
                        <div class="img_item">
                            <img src="http://spokedev.mydevwebsites.com/wp-content/gallery/homeimages/himage2.jpg" alt="" />
                        </div>
                        <div class="hbuttons" style="display: none;">
                            <h3>Print</h3>
                            <p>Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence</p>
                            <div class="hover-buttons">
                                <a class="img_lightbox" href="http://spokedev.mydevwebsites.com/wp-content/gallery/homeimages/himage2.jpg"><img src="http://spokedev.mydevwebsites.com/wp-content/themes/spoke/img/icon_img4.png"></a>
                                <a class="img_link"  href=""><img src="http://spokedev.mydevwebsites.com/wp-content/themes/spoke/img/icon_img5.png"></a>
                            </div>
                        </div>
                    </div>
                    <div class="img_area col-lg-4">
                        <div class="img_item">
                            <img src="http://spokedev.mydevwebsites.com/wp-content/gallery/homeimages/himage3.jpg" alt="" />
                        </div>
                        <div class="hbuttons" style="display: none;">
                            <h3>Print</h3>
                            <p>Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence</p>
                            <div class="hover-buttons">
                                <a class="img_lightbox" href="http://spokedev.mydevwebsites.com/wp-content/gallery/homeimages/himage3.jpg"><img src="http://spokedev.mydevwebsites.com/wp-content/themes/spoke/img/icon_img4.png"></a>
                                <a class="img_link"  href=""><img src="http://spokedev.mydevwebsites.com/wp-content/themes/spoke/img/icon_img5.png"></a>
                            </div>
                        </div>
                    </div> 
                </div>
                <div class="divider">
                    <img class="img-responsive" src="http://spokedev.mydevwebsites.com/wp-content/themes/spoke/img/divider.png">
                </div><!-- divider -->
                <div class="divcol-2 row"> 
                    <div class="col-lg-6">
                        Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.                 
                    </div><!-- cleft -->
                    <div class="col-lg-6">
                        Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar solutions without functional solutions.                  
                    </div><!-- cright -->
                </div><!-- divcol-2 -->
                <div class="divider">
                    <img class="img-responsive" src="http://spokedev.mydevwebsites.com/wp-content/themes/spoke/img/divider.png">
                </div><!-- divider -->
            </div> 
        </div>
        <!-- /content-4 -->
        
        <!-- content-5 -->
        <div id="cont5" class="content-5"> 
            <div class="row">
                <div class="text-center"> 
                    <div class="divcol-2">
                        <div class="col-lg-6">
                            <div class="icon-md-6 text-center"> 
                                <div class="icons">
                                    <h3 class="icons-title">
                                        <a class="icons-img" href="#"> 
                                          <img src="http://spokedev.mydevwebsites.com/wp-content/uploads/2014/02/icon_img61.png"><br />
                                          <span>Icon Test Title</span>
                                        </a>
                                    </h3> 
                                    <p> Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar solutions without functional solutions. </p>    
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 mini-images">
                            <div class="row">
                                <div class="img_area col-lg-6"> 
                                    <div class="img_item">
                                        <img src="http://spokedev.mydevwebsites.com/wp-content/gallery/subimages/fimgs1.jpg" alt="" />
                                    </div>
                                    <div class="hbuttons" style="display: none;">
                                        <h3>Print</h3>
                                        <p> </p>
                                        <div class="hover-buttons">
                                            <a class="img_lightbox" href="http://spokedev.mydevwebsites.com/wp-content/gallery/subimages/fimgs1.jpg"><img src="http://spokedev.mydevwebsites.com/wp-content/themes/spoke/img/icon_img4.png"></a>
                                            <a class="img_link"  href=""><img src="http://spokedev.mydevwebsites.com/wp-content/themes/spoke/img/icon_img5.png"></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="img_area col-lg-6"> 
                                    <div class="img_item">
                                        <img src="http://spokedev.mydevwebsites.com/wp-content/gallery/subimages/fimgs2.jpg" alt="" />
                                    </div>
                                    <div class="hbuttons" style="display: none;">
                                        <h3>Print</h3>
                                        <p>Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence</p>
                                        <div class="hover-buttons">
                                            <a class="img_lightbox" href="http://spokedev.mydevwebsites.com/wp-content/gallery/subimages/fimgs2.jpg"><img src="http://spokedev.mydevwebsites.com/wp-content/themes/spoke/img/icon_img4.png"></a>
                                            <a class="img_link"  href=""><img src="http://spokedev.mydevwebsites.com/wp-content/themes/spoke/img/icon_img5.png"></a>
                                        </div>
                                    </div>
                                </div><div class="clear"></div>                        
                                <div class="img_area col-lg-6"> 
                                    <div class="img_item">
                                        <img src="http://spokedev.mydevwebsites.com/wp-content/gallery/subimages/fimgs3.jpg" alt="" />
                                    </div>
                                    <div class="hbuttons" style="display: none;">
                                        <h3>Print</h3>
                                        <p>Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence</p>
                                        <div class="hover-buttons">
                                            <a class="img_lightbox" href="http://spokedev.mydevwebsites.com/wp-content/gallery/subimages/fimgs3.jpg"><img src="http://spokedev.mydevwebsites.com/wp-content/themes/spoke/img/icon_img4.png"></a>
                                            <a class="img_link"  href=""><img src="http://spokedev.mydevwebsites.com/wp-content/themes/spoke/img/icon_img5.png"></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="img_area col-lg-6"> 
                                    <div class="img_item">
                                        <img src="http://spokedev.mydevwebsites.com/wp-content/gallery/subimages/fimgs4.jpg" alt="" />
                                    </div>
                                    <div class="hbuttons" style="display: none;">
                                        <h3>Print</h3>
                                        <p>Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence</p>
                                        <div class="hover-buttons">
                                            <a class="img_lightbox" href="http://spokedev.mydevwebsites.com/wp-content/gallery/subimages/fimgs4.jpg"><img src="http://spokedev.mydevwebsites.com/wp-content/themes/spoke/img/icon_img4.png"></a>
                                            <a class="img_link"  href=""><img src="http://spokedev.mydevwebsites.com/wp-content/themes/spoke/img/icon_img5.png"></a>
                                        </div>
                                    </div>
                                </div><div class="clear"></div>  
                            </div>
                        </div>
                    </div> 
                </div>
            </div> 
        </div>
        <!-- /content-5 -->
        <!-- .content-6--> 
        <div class="content-6"> 
            <div class="row">
                <div class="col-lg-6">
                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs"> 
                        <li class="active"><a href="#tab29" data-toggle="tab"> About Me  <span class="tab-background"></span></a></li> 
                        <li ><a href="#tab147" data-toggle="tab"> Biography  <span class="tab-background"></span></a></li> 
                        <li ><a href="#tab158" data-toggle="tab"> Community  <span class="tab-background"></span></a></li> 
                    </ul>
            
                    <!-- Tab panes -->
                    <div class="tab-content">
                        <div class="tab-pane  active" id="tab29">
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#8217;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#8217;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#8217;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
                        </div> 
                        <div class="tab-pane " id="tab147">
                            <div>
                                <p><a href="http://sample.bluehostspoke.com/english/wp-content/uploads/2014/01/77005460.jpg"><img class="alignleft" alt="77005460" src="http://sample.bluehostspoke.com/english/wp-content/uploads/2014/01/77005460-300x300.jpg" width="300" height="300" /></a></p>
                                <p>On this page you can type up a small summary about yourself. Write up your life story.</p>
                                <p>—————————-</p>
                                <p>In order to modify or change the content of this page, please go to your site homepage, add /wp-admin to the end of the URL in the address bar, and login. then come to this page again, and click the edit link at the top of the page or in the body of this page below modify the title and content of this page.</p>
                                <p>For more information on how to edit this page and add multimedia, feel free to watch Bluehost’s <a href="http://bluehostspoke.com/english/academy/site-builders/how-to-use-wordpress-7-part-series/">7-part WordPress Series</a>, our video on <a href="http://www.youtube.com/watch?v=YX3nRq-Y72c">WordPress Themes</a>, and tutorials for adding <a href="http://students.bluehostspoke.com/2013/12/19/multimedia-in-wordpress-images/">images</a>, <a href="http://students.bluehostspoke.com/2013/12/19/multimedia-in-wordpress-video/">video</a>, <a href="http://students.bluehostspoke.com/2013/12/19/multimedia-in-wordpress-audio/">audio</a>, <a href="http://students.bluehostspoke.com/2013/12/19/multimedia-in-wordpress-slideshows/">slideshows</a>, and <a href="http://students.bluehostspoke.com/2013/12/20/wordpress-plugins/">plugins</a> to your site.</p>
                                <p>If you want to update the name of this page:</p>
                                <p>- Click on “Pages” tab on the left-hand side of the Dashboard<br />
                                - Look for the Page that you want to update the name of it.<br />
                                - Click on “Edit”<br />
                                - Edit the name of your page</p>
                                <p>If you want to Delete this page:</p>
                                <p>- Click on “Pages” tab on the left-hand side of the Dashboard<br />
                                - Look for the Page that you want to delete<br />
                                - Click on “Trash”</p>
                            </div>
                        </div> 
                        <div class="tab-pane " id="tab158">
                            <div>
                                <p><a href="http://sample.bluehostspoke.com/english/wp-content/uploads/2014/01/nysc_pimlico.jpg"><img alt="nysc_pimlico" src="http://sample.bluehostspoke.com/english/wp-content/uploads/2014/01/nysc_pimlico-300x225.jpg" width="300" height="225" /></a></p>
                                <p>“Community” is a page where you can highlight local projects, volunteer work, or other community-related work that you have been involved in.  Let employers know that there is more to you than your job and your class assignments.</p>
                                <p>For more information on how to edit this page and add multimedia, feel free to watch Bluehost’s <a href="http://bluehostspoke.com/english/academy/site-builders/how-to-use-wordpress-7-part-series/">7-part WordPress Series</a>, our video on <a href="http://www.youtube.com/watch?v=YX3nRq-Y72c">WordPress Themes</a>, and tutorials for adding <a href="http://students.bluehostspoke.com/2013/12/19/multimedia-in-wordpress-images/">images</a>, <a href="http://students.bluehostspoke.com/2013/12/19/multimedia-in-wordpress-video/">video</a>, <a href="http://students.bluehostspoke.com/2013/12/19/multimedia-in-wordpress-audio/">audio</a>, <a href="http://students.bluehostspoke.com/2013/12/19/multimedia-in-wordpress-slideshows/">slideshows</a>, and <a href="http://students.bluehostspoke.com/2013/12/20/wordpress-plugins/">plugins</a> to your site.</p>
                            </div>
                        </div> 
                    </div>
                </div>
            
                <div class="col-lg-6">
                    <div class="panel-group" id="accordion">
                        <div class="panel panel-default">
                            <div class="panel-heading">
                              <h4 class="panel-title">
                                <a data-toggle="collapse" data-parent="#accordion" href="#collapse122"> 
                                  <span class="glyphicon fa-caret-right col-xs-1"></span>
                                  <span class="col-xs-12">Coursework</span>
                                </a>
                              </h4>
                            </div>
                            <div id="collapse122" class="panel-collapse collapse">
                              <div class="panel-body">
                                <p>As it is titled, you would be able to use a section like coursework to publish pages highlighting work completed as part of your major, minor, or elective courses.  Pages can be organized into classes or areas of emphasis, and you can also highlight Milestones and/or large projects not included in your Portfolio section.</p>
                                <p>In order to modify or change the content of this page, please go to your site homepage, add /wp-admin to the end of the URL in the address bar, and login. then come to this page again, and click the edit link at the top of the page or in the body of this page below modify the title and content of this page.</p>
                                <p>For more information on how to edit this page and add multimedia, feel free to watch Bluehost’s 7-part WordPress Series, our video on WordPress Themes, and tutorials for adding images, video, audio, slideshows, and plugins to your site.</p>
                              </div>
                            </div>
                        </div>
                        <div class="panel panel-default">
                            <div class="panel-heading">
                              <h4 class="panel-title">
                                <a data-toggle="collapse" data-parent="#accordion" href="#collapse124"> 
                                  <span class="glyphicon fa-caret-right col-xs-1"></span>
                                  <span class="col-xs-12">Job History</span>
                                </a>
                              </h4>
                            </div>
                            <div id="collapse124" class="panel-collapse collapse">
                              <div class="panel-body">
                                <p>Here you can post all your job experiences that you have.</p>
                                <p>Example:</p>
                              </div>
                            </div>
                        </div>
                        <div class="panel panel-default">
                            <div class="panel-heading">
                              <h4 class="panel-title">
                                <a data-toggle="collapse" data-parent="#accordion" href="#collapse126"> 
                                  <span class="glyphicon fa-caret-right col-xs-1"></span>
                                  <span class="col-xs-12">Resume</span>
                                </a>
                              </h4>
                            </div>
                            <div id="collapse126" class="panel-collapse collapse">
                              <div class="panel-body">
                                <p>Here you can upload your Resumé as a pdf format or you can copy and paste it here on this page, whatever you prefer to do.</p>
                              </div>
                            </div>
                        </div> 
                    </div><!-- #accordion -->                
                </div><!-- .col-lg-6 -->
            </div> 
        </div><!-- .content-6--> 
     
        <div class="contact">
            <div class="container">
                <div class="row">
                    <div class="wpcf7">
                        <form> 
                            <p>Your Name<br> 
                                <span class="your-name"><input type="text" class="wpcf7-text" value="" name="your-name"></span> 
                            </p>
                            <p>Subject<br>
                                <span class="your-subject"><input type="text" class="wpcf7-text" value="" name="your-subject"></span> 
                            </p>
                            <p>Your Message<br>
                                <span class="your-message"><textarea class="wpcf7-textarea" rows="10" cols="40" name="your-message"></textarea></span> 
                            </p>
                            <p><input type="submit" class="wpcf7-submit" value="Send"></p>
                            <div class="wpcf7-response-output"><p>THIS IS A NOTICE BOX</p></div>
                        </form>
                    </div>        
                </div>
            </div>
        </div><!-- .content6 -->    
        <!-- Footer -->
        <footer id="footer">
            <div class="container">
                <div class="row">
                    <div class="col-md-3 foot-widget"> 
                        <h1 class="widget-title first-widget-title">WIDGET 1</h1>
                        <ul>
                            <li><a href="#">> item here</a></li>
                            <li><a href="#">> some other item here</a></li>
                            <li><a href="#">> and so on</a></li>
                            <li><a href="#">> and so forth</a></li>
                        </ul> 
                    </div>
                    <div class="col-md-6 foot-widget"> 
                        <h1 class="widget-title">WIDGET 2</h1> 
                        <div class="row social-media"> 
                            <div class="social-icons col-md-4"><a href="#"><img src="img/facebook.png" alt="" title=""></a></div>
                            <div class="social-icons col-md-4"><a href="#"><img src="img/twitter.png" alt="" title=""></a></div>
                            <div class="social-icons col-md-4"><a href="#"><img src="img/linkedin.png" alt="" title=""></a></div>
                            <div class="social-icons col-md-4"><a href="#"><img src="img/pinterest.png" alt="" title=""></a></div>
                            <div class="social-icons col-md-4"><a href="#"><img src="img/tumbler.png" alt="" title=""></a></div>
                            <div class="social-icons col-md-4"><a href="#"><img src="img/icon.png" alt="" title=""></a></div>
                            <div class="social-icons col-md-4"><a href="#"><img src="img/youtube.png" alt="" title=""></a></div> 
                            <div class="social-icons col-md-4"><a href="#"><img src="img/instagram.png" alt="" title=""></a></div>
                        </div> 
                    </div>
                    
                    <div class="col-md-3 foot-widget"> 
                        <h1 class="widget-title">WIDGET 3</h1>
                        <ul class="twitter-feeds">
                            <li>
                                <div class="row">
                                    <div class="twitter-icon col-md-2"><a href="#"><img src="img/twitter-feed.png" alt="" title=""></a></div>
                                    <div class="col-md-10"><p class="twitter-entry">twitter post about cool things that were said on a day years and years ago. it's wonderful</p></div>
                                </div>
                            </li>
                            <li>
                                <div class="row">
                                    <div class="twitter-icon col-md-2"><a href="#"><img src="img/twitter-feed.png" alt="" title=""></a></div>
                                    <div class="col-md-10"><p class="twitter-entry">twitter post about cool things that were said on a day years and years ago. it's wonderful</p></div>
                                </div>
                            </li>
                            <li>
                                <div class="row">
                                    <div class="twitter-icon col-md-2"><a href="#"><img src="img/twitter-feed.png" alt="" title=""></a></div>
                                    <div class="col-md-10"><p class="twitter-entry">twitter post about cool things that were said on a day years and years ago. it's wonderful</p></div>
                                </div>
                            </li>
                        </ul> 
                    </div>
                    
                </div>
            </div>
        </footer>
        <!-- /Footer -->
    </div>
    <!-- JavaScript -->
    <script src="js/jquery-1.10.2.js"></script>
    <script src="js/bootstrap.js"></script>
    <script>
    $(document).ready(function(){   
        /*$('body.non-fullwidth #main-wrapper').wrap('<div class="container"><div class="row"></div></div>');
        $('body.non-fullwidth .navbar-default').addClass('container').wrap('<div class="row"></div>');*/
        $('.nav').find('.menu-item-has-children').each(function(){
            $(this).addClass('dropdown');
            $(this).find('a:first').addClass('dropdown-toggle');
            $(this).find('a:first').attr( 'data-toggle', 'dropdown');
            $(this).find('a:first').append('<b class="caret"></b>');
            $(this).find('.sub-menu').addClass('dropdown-menu');
        
        });
        
          $('.nav li').hover(function () {
                 /*$('ul', this).stop(true, true).slideDown(300);*/
                 $('ul:first', this).stop().animate( {height: [ "toggle", "swing"] }, 300 );
                
          }, function () {
                /* $.data(this, 'timer', setTimeout($.proxy(function() {
                  $('ul', this).stop(true, true).slideUp(150);
                }, this), 150)); */
                $('ul:first', this).stop().animate( {height: [ "toggle", "swing"] }, 300 );
          });
          $('.dropdown-toggle').click(function(){ 
            var href = $(this).attr('href');
                window.location = href;
          });
          $('#cont2 img').addClass('img-responsive');
          $('.carousel').find('.item:first').addClass('active');
          $('.carousel-indicators').find('.item:first').addClass('active');
          
          $('.img_area, .icons-title').each(function(){
            
            $(this) .mouseenter(function() {
                $(this).find('.hbuttons,.icons-hover').stop().animate( {height: [ "toggle", "swing"] }, 300 );
            })
            .mouseleave(function() {
                $(this).find('.hbuttons,.icons-hover').stop().animate( {height: [ "toggle", "swing"] }, 300 );
            });
            
          });
        /*FONT AWESOME*/
        $('.collapse').on('hidden.bs.collapse', function(){
            $(this).parent().find(".fa-caret-down").removeClass("fa-caret-down").addClass("fa-caret-right");
        }).on('shown.bs.collapse', function(){
            $(this).parent().find(".fa-caret-right").removeClass("fa-caret-right").addClass("fa-caret-down");
        });  
        
        
        $('.hover_img').hide();
        
        $('.thumb').each(function(e){
          $(this).hover(function(){ 
                $(this).find('.hover_img').stop().animate( {height: [ "toggle", "swing"] }, 500 );
            },function(){
                $(this).find('.hover_img').stop().animate( {height: [ "toggle", "swing"] }, 500 );
            });
        });
        $('.hover_img:even').removeClass('peachbg').addClass('skybluebg');
        $('.hover_img:odd').removeClass('skybluebg').addClass('peachbg');
        $('.content-6 ul.nav-tabs li:last-child').addClass('last-nav');
        $('#container .thumb_wrap').addClass('row');
        $('.thumb_wrap.row div.thumb').addClass('col-lg-3');
        $('.button1-c3,.tab-pane img').addClass('img-responsive');
        $('ul#menu-top-menu li > ul.sub-menu').wrap('<div class="submenu-head"></div>');
        /*$('.submenu-head').append('<b class="fa-caret-up"></b>');*/
        $('ul#menu-top-menu li .submenu-head ul.sub-menu li div.submenu-head').removeClass('submenu-head').addClass('submenuChild');
        $('.nav.navbar-nav').children('li').hover(function(){
            $(this).find('a:first').css('color','#F9A11B');
        },function(){
            $(this).find('a:first').css('color','#58595B');/*#58595B*/
        }); 
        $('.icons').each(function(){
            $(this).find('.icons-img').hover(function(){
                $(this).find('h3.icons-title').find('a').css('color','#F9A11B');
            },function(){ 
                $(this).find('h3.icons-title').find('a').css('color','#58595B');
            }); 
        });
        $('.icons-title').each(function(){
            var this_parent = $(this).parent().find('.icons-img');
            $(this).hover(function(){
                $(this_parent).hover();
            });
        });
        $('.portfolio_category_nav').find('li').each( function(){
            $(this).click(function() {
                var cat_id = $(this).find('a').attr('rel'); 
                $('.portfolio_category_nav').find('.active').removeClass('active');
                $(this).addClass('active');
                $('.thumb').fadeOut();
                if(cat_id == 'cat_portfolio_all'){
                    $('.thumb').fadeIn();
                } else {
                    $( '.under_' + cat_id ).fadeIn();
                }
            } );
        } );
        $( ".wpcf7-response-output.wrap-text" ).wrap(function() {
        return "<div class='wrap-text'></div>";
        });
    });
    </script> 
</body>
</html>