橙色大氣風格的律師法律企業網站源碼下載



8 29 10



模板描述:橙色大氣風格 律師法律 企業網站,橙色大氣風格的律師法律企業網站源碼下載html模板下載

代碼結構

1. 引入CSS

<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800|Raleway:300,500,600,400,700,800|Montserrat:400,700" rel="stylesheet">
<link rel="stylesheet" href="css/plugin.css">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="css/responsive.css">

2. 引入JS

<script src="js/vendor/modernizr-2.8.3.min.js"></script>
<script src="js/vendor/jquery-2.2.4.min.js"></script>
<script src="js/plugin.js"></script>
<script src="http://ditu.google.cn/maps/api/js?key=AIzaSyAnkFpuHPjRGE2vBvEqdTfOMIjQHpakS1A"></script>
<script src="js/main.js"></script>

3. HTML代碼

    <!-- SITE HEADER -->
    <header id="masthead" class="site-header">
        <!-- HEADER INFO AREA -->
        <div class="headerinfo-area">
            <div class="container">
                <div class="row">
                    <div class="col-md-5">
                        <div class="header-address">
                            <i class="pe-7s-map-marker"></i>40 sun Francusco Boulevard, <span>san francusci zip 123456</span>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <nav class="header-info-menu">
                            <ul>
                                <li><a href="#">FAQ’S</a></li>
                                <li><a href="#">HELP DESK</a></li>
                                <li><a href="#">SUPPORT</a></li>
                            </ul>
                        </nav>
                    </div>
                    <div class="col-md-3">
                        <div class="header-free-con text-right">
                            <i class="flaticon-shapes"></i> <a href="#">Free Case Evalution</a>
                        </div>
                    </div>
                </div>
            </div>
        </div><!-- // END HEADER INFO AREA -->
        <!-- HEADER LOGO MENU AREA -->
        <div class="header-logo-menu-area">
            <div class="container">
                <div class="row">
                    <div class="col-md-3">
                        <!-- SITE LOGO -->
                        <div class="site-branding">
                            <a href="index.html"><img src="img/logo.png" alt="Logo"></a>
                        </div>
                        <!-- MOBILE MENU  -->
                        <div class="mobile-menu hidden-md hidden-lg"></div>
                    </div>
                    <div class="col-md-9 hidden-xs hidden-sm">
                        <!-- SITE NAVIGATION -->
                        <nav id="site-navigation" class="main-navigation">
                            <ul class="menu">
                                <li class="current_page_item"><a href="index.html">Home</a>
                                    <ul>
                                        <li><a href="index.html">Home version one</a></li>
                                        <li><a href="index-two.html">Home version two</a></li>
                                        <li><a href="index-three.html">Home version three</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">Pages</a>
                                    <ul>
                                        <li><a href="about.html">About us</a></li>
                                        <li><a href="pricing.html">Pricing</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">Portfolio</a>
                                    <ul>
                                        <li><a href="portfolio-four-column.html">Portfolio 4 column</a></li>
                                        <li><a href="portfolio-threecolumn.html">Portfolio 3 column</a></li>
                                        <li><a href="portfolio-masonrycolumn.html">Portfolio masonery</a></li>
                                    </ul>
                                </li>
                                <li><a href="practice_areas.html">Practice Areas</a></li>
                                <li><a href="#">Blog</a>
                                    <ul>
                                        <li><a href="blog-right-sidebar.html">Blog right sidebar</a></li>
                                        <li><a href="blog-left-sidebar.html">Blog left sidebar</a></li>
                                        <li><a href="blog-right-sidebar-single.html">Blog right sidebar single</a></li>
                                        <li><a href="blog-left-sidebar-single.html">Blog left sidebar single</a></li>
                                    </ul>
                                </li>
                                <li><a href="contact.html">Contact us</a></li>
                            </ul>
                        </nav><!-- // END SITE NAVIGATION -->
                    </div>
                </div>
            </div>
        </div><!-- // END HEADER LOGO MENU AREA -->
    </header><!-- // END SITE HEADER  -->
    <!-- BANNER AREA -->
    <section class="banner-area owl-carousel">
        <!-- SINGLE BANNER -->
        <div class="single-banner">
            <!-- BANNER IMAGE -->
            <div class="itembg">
                <img src="img/banner/01.jpg" alt="">
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-md-7">
                        <div class="single-banner-con">
                            <div class="single-banner-txt">
                                <h1><span>Your legal Starts Here!</span>The greatest &amp; strongest firm you can trust</h1>
                                <a href="#" class="tem-btn-one">request a free cousultation</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div><!-- // END SINGLE BANNER -->
        <!-- SINGLE BANNER -->
        <div class="single-banner">
            <!-- BANNER IMAGE -->
            <div class="itembg">
                <img src="img/banner/02.jpg" alt="">
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-md-7">
                        <div class="single-banner-con">
                            <div class="single-banner-txt">
                                <h1><span>Your legal Starts Here!</span>The greatest &amp; strongest firm you can trust</h1>
                                <a href="#" class="tem-btn-one">request a free cousultation</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div><!-- // END SINGLE BANNER -->
        <!-- SINGLE BANNER -->
        <div class="single-banner">
            <!-- BANNER IMAGE -->
            <div class="itembg">
                <img src="img/banner/03.jpg" alt="">
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-md-7">
                        <div class="single-banner-con">
                            <div class="single-banner-txt">
                                <h1><span>Numquam eius modi tempora incidunt</span>We are a group of young attorneys</h1>
                                <a href="#" class="tem-btn-one">request a free cousultation</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div><!-- // END SINGLE BANNER -->
    </section><!-- // END BANNER AREA -->
    <!-- ABOUT AREA -->
    <section class="about-area sec-padding">
        <div class="container">
            <div class="row">
                <div class="col-md-8">
                    <!-- SECTION TITLE -->
                    <div class="sec-title">
                        <div class="sec-heading">
                            <h5>hello dear</h5>
                            <h2>welcome to <span>lawer</span></h2>
                        </div>
                        <p>Do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehen-derit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt</p>
                    </div><!-- // END SECTION TITLE -->
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <!-- SINGLE ABOUT -->
                    <article class="single-about">
                        <div class="single-about-con">
                            <div class="single-about-img">
                                <img src="img/page/single-about-one.jpg" alt="">
                            </div>
                            <div class="single-about-txt">
                                <p>voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae .</p>
                                <h3><a href="#"><span>CEO -</span> HAFIZ UR RAHMAN</a></h3>
                            </div>
                        </div>
                    </article><!-- // END SINGLE ABOUT -->
                </div>
                <div class="col-md-3 col-sm-6">
                    <!-- SINGLE ABOUT -->
                    <article class="single-about-two">
                        <div class="single-about-two-img">
                            <img src="img/page/single-about-two.jpg" alt="">
                            <div class="single-about-two-link-icon">
                                <a href="#"><i class="pe-7s-link"></i></a>
                            </div>
                        </div>
                        <div class="single-about-two-txt">
                            <h5>Phasellus porttitor</h5>
                            <h4><a href="#">Get Legal Advice</a></h4>
                            <p>Qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam voluptatem.</p>
                            <a href="#" class="tem-btn-one">View more</a>
                        </div>
                    </article><!-- // END SINGLE ABOUT -->
                </div>
                <div class="col-md-3 col-sm-6">
                    <!-- SINGLE ABOUT -->
                    <article class="single-about-two">
                        <div class="single-about-two-img">
                            <img src="img/page/single-about-three.jpg" alt="">
                            <div class="single-about-two-link-icon">
                                <a href="#"><i class="pe-7s-link"></i></a>
                            </div>
                        </div>
                        <div class="single-about-two-txt">
                            <h5>Phasellus porttitor</h5>
                            <h4><a href="#">document reviewing</a></h4>
                            <p>Qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam voluptatem.</p>
                            <a href="#" class="tem-btn-one">View more</a>
                        </div>
                    </article><!-- // END SINGLE ABOUT -->
                </div>
            </div>
        </div>
    </section><!-- // END ABOUT AREA -->
    <!-- COUNTER AREA -->
    <section class="counter-area">
        <div class="container">
            <div class="row">
               <div class="col-md-3 col-sm-6">
                    <!-- SINGLE COUNTER -->
                   <div class="single-counter bd-right">
                        <div class="media">
                            <div class="media-left">
                               <i class="pe-7s-medal"></i>
                            </div>
                            <div class="media-body">
                                <h2 class="media-heading counter">1050</h2>
                                <span>qualitified lawyers</span>
                            </div>
                       </div>
                   </div><!-- // END SINGLE COUNTER -->
               </div>
               <div class="col-md-3 col-sm-6">
                    <!-- SINGLE COUNTER -->
                   <div class="single-counter bd-right">
                        <div class="media">
                            <div class="media-left">
                               <i class="pe-7s-portfolio"></i>
                            </div>
                            <div class="media-body">
                                <h2 class="media-heading counter">2581</h2>
                                <span>trusted clients</span>
                            </div>
                       </div>
                   </div><!-- // END SINGLE COUNTER -->
               </div>
               <div class="col-md-3 col-sm-6">
                    <!-- SINGLE COUNTER -->
                   <div class="single-counter bd-right">
                        <div class="media">
                            <div class="media-left">
                               <i class="pe-7s-notebook"></i>
                            </div>
                            <div class="media-body">
                                <h2 class="media-heading counter">4811</h2>
                                <span>successful cases</span>
                            </div>
                       </div>
                   </div><!-- // END SINGLE COUNTER -->
               </div>
               <div class="col-md-3 col-sm-6">
                    <!-- SINGLE COUNTER -->
                   <div class="single-counter">
                        <div class="media">
                            <div class="media-left">
                               <i class="pe-7s-copy-file"></i>
                            </div>
                            <div class="media-body">
                                <h2 class="media-heading counter">2000</h2>
                                <span>honors &amp; awards</span>
                            </div>
                       </div>
                   </div><!-- // END SINGLE COUNTER -->
               </div>
            </div>
        </div>
    </section><!-- // END COUNTER AREA -->
    <!-- PRACTICE AREA -->
    <section class="practice-area sec-padding">
        <div class="container">
            <div class="row">
                <div class="col-md-8">
                    <!-- SECTION TITLE -->
                    <div class="sec-title">
                        <div class="sec-heading">
                            <h5>hello dear</h5>
                            <h2>our practice <span>areas</span></h2>
                        </div>
                        <p>Vestibulum non consectetur leo, nec rutrum urna. Duis quis ipsum lobortis, convallis erat sit amet, fermentum ante. Class aptent taciti sociosqu ad litora torquent .</p>
                    </div><!-- // END SECTION TITLE -->
                </div>
            </div>
            <div class="row">
                <div class="col-md-4 col-sm-6">
                    <!-- SINGLE PRACTICE -->
                    <article class="single-practice">
                        <div class="media">
                            <div class="media-left">
                               <i class="flaticon-building"></i>
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">POLITICAL LAW <span>CUSTOMIZATIONS</span></h4>
                            </div>
                       </div>
                       <p>We will work with you to fully understand your business and your target audience to inform our marketing strategy.</p>
                    </article><!-- // END SINGLE PRACTICE -->
                </div>
                <div class="col-md-4 col-sm-6">
                    <!-- SINGLE PRACTICE -->
                    <article class="single-practice">
                        <div class="media">
                            <div class="media-left">
                               <i class="flaticon-broken-heart"></i>
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">DIVORCE LAW <span>CREATE HIGH QUALITY</span></h4>
                            </div>
                       </div>
                       <p>We will work with you to fully understand your business and your target audience to inform our marketing strategy.</p>
                    </article><!-- // END SINGLE PRACTICE -->
                </div>
                <div class="col-md-4 col-sm-6">
                    <!-- SINGLE PRACTICE -->
                    <article class="single-practice">
                        <div class="media">
                            <div class="media-left">
                               <i class="flaticon-police-car"></i>
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">VECHILE LAW <span>COMMUNICATION IDEAS</span></h4>
                            </div>
                       </div>
                       <p>We will work with you to fully understand your business and your target audience to inform our marketing strategy.</p>
                    </article><!-- // END SINGLE PRACTICE -->
                </div>
                <div class="col-md-4 col-sm-6">
                    <!-- SINGLE PRACTICE -->
                    <article class="single-practice">
                        <div class="media">
                            <div class="media-left">
                               <i class="flaticon-connection"></i>
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">BUSINESS LAW <span>WITH ALL BROWSERS</span></h4>
                            </div>
                       </div>
                       <p>We will work with you to fully understand your business and your target audience to inform our marketing strategy.</p>
                    </article><!-- // END SINGLE PRACTICE -->
                </div>
                <div class="col-md-4 col-sm-6">
                    <!-- SINGLE PRACTICE -->
                    <article class="single-practice">
                        <div class="media">
                            <div class="media-left">
                               <i class="flaticon-industrial-robot"></i>
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">INDUSTIAL LAW <span>BACK-END DESIGN</span></h4>
                            </div>
                       </div>
                       <p>We will work with you to fully understand your business and your target audience to inform our marketing strategy.</p>
                    </article><!-- // END SINGLE PRACTICE -->
                </div>
                <div class="col-md-4 col-sm-6">
                    <!-- SINGLE PRACTICE -->
                    <article class="single-practice">
                        <div class="media">
                            <div class="media-left">
                               <i class="flaticon-judge"></i>
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">EDUCATION LAW <span>HIGH QUALITY DESIGN</span></h4>
                            </div>
                       </div>
                       <p>We will work with you to fully understand your business and your target audience to inform our marketing strategy.</p>
                    </article><!-- // END SINGLE PRACTICE -->
                </div>
            </div>
        </div>
    </section><!-- // END PRACTICE AREA -->
    <!-- CONSULTATION AREA -->
    <section class="consultation-area" style="background-image: url(img/background/consultation.jpg);">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <!-- SKILLS AREA -->
                    <div class="skills-area">
                        <div class="skill-con">
                            <h4>Expert skills <span>of attorney</span></h4>
                            <!-- SINGLE SKILLBAR -->
                            <div class="skill-progress-bar">
                                <h5>Family Law</h5>
                                <div id="bar1" class="barfiller">
                                    <div class="tipWrap">
                                        <span class="tip"></span>
                                    </div>
                                    <span class="fill" data-percentage="90"></span>
                                </div>
                            </div><!-- // END SINGLE SKILLBAR -->
                            <!-- SINGLE SKILLBAR -->
                            <div class="skill-progress-bar">
                                <h5>Industial Law</h5>
                                <div id="bar2" class="barfiller">
                                    <div class="tipWrap">
                                        <span class="tip"></span>
                                    </div>
                                    <span class="fill" data-percentage="60"></span>
                                </div>
                            </div><!-- // END SINGLE SKILLBAR -->
                            <!-- SINGLE SKILLBAR -->
                            <div class="skill-progress-bar">
                                <h5>business Law</h5>
                                <div id="bar3" class="barfiller">
                                    <div class="tipWrap">
                                        <span class="tip"></span>
                                    </div>
                                    <span class="fill" data-percentage="70"></span>
                                </div>
                            </div><!-- // END SINGLE SKILLBAR -->
                            <!-- SINGLE SKILLBAR -->
                            <div class="skill-progress-bar">
                                <h5>Education Law</h5>
                                <div id="bar4" class="barfiller">
                                    <div class="tipWrap">
                                        <span class="tip"></span>
                                    </div>
                                    <span class="fill" data-percentage="90"></span>
                                </div>
                            </div><!-- // END SINGLE SKILLBAR -->
                        </div>
                    </div><!-- // END SKILLS AREA -->
                </div>
                <div class="col-md-6">
                    <!-- CONSULTATION FORM CONTENT -->
                    <div class="consultation-form-con">
                        <div class="consultation-form">
                            <h4>Free case <span>consultation</span></h4>
                            <!-- CONSULTATION FORM -->
                            <form action="#">
                                <div class="row">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <input type="text" class="form-control" placeholder="Name">
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <input type="email" class="form-control" placeholder="Email">
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-12">
                                        <div class="form-group">
                                            <input type="tel" class="form-control" placeholder="Phone Number">
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-12">
                                        <div class="form-group">
                                            <textarea class="form-control" rows="5" placeholder="Message"></textarea>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-12">
                                        <div class="consultation-btn">
                                            <button type="submit" class="tem-btn-two">Send Message</button>
                                        </div>
                                    </div>
                                </div>
                            </form><!-- // END CONSULTATION FORM -->
                        </div>
                    </div><!-- // END CONSULTATION FORM CONTENT -->
                </div>
            </div>
        </div>
    </section><!-- // END CONSULTATION AREA -->
    <!-- ATTORNEY AREA -->
    <section class="attorney-area sec-padding">
        <div class="container">
            <div class="row">
                <div class="col-md-8">
                    <!-- SECTION TITLE -->
                    <div class="sec-title">
                        <div class="sec-heading">
                            <h5>hello dear</h5>
                            <h2>meet our <span>attorney</span></h2>
                        </div>
                        <p>Vestibulum non consectetur leo, nec rutrum urna. Duis quis ipsum lobortis, convallis erat sit amet, fermentum ante. Class aptent taciti sociosqu ad litora torquent.</p>
                    </div><!-- // END SECTION TITLE -->
                </div>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <!-- SINGLE ATTORNEY -->
                    <article class="single-attorney">
                        <div class="single-attorney-hdr">
                            <img src="img/attorney/01.jpg" alt="">
                            <!-- TEAM SOCIAL LINK -->
                            <ul class="team-social">
                                <li><a href="#"><i class="fa fa-dribbble" 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-facebook" aria-hidden="true"></i></a></li>
                            </ul><!-- // END TEAM SOCIAL LINK -->
                        </div>
                        <div class="single-attorney-txt">
                            <h4>JASON MARTINEZ</h4>
                            <span>Divorce lawyer</span>
                            <p>Vestibulum non consectetur leo, nec rutrum urna.</p>
                        </div>
                    </article><!-- // END SINGLE ATTORNEY -->
                </div>
                <div class="col-md-4">
                    <!-- SINGLE ATTORNEY -->
                    <article class="single-attorney">
                        <div class="single-attorney-hdr">
                            <img src="img/attorney/02.jpg" alt="">
                            <!-- TEAM SOCIAL LINK -->
                            <ul class="team-social">
                                <li><a href="#"><i class="fa fa-dribbble" 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-facebook" aria-hidden="true"></i></a></li>
                            </ul><!-- // END TEAM SOCIAL LINK -->
                        </div>
                        <div class="single-attorney-txt">
                            <h4>STEVEN CONRAD</h4>
                            <span>Divorce lawyer</span>
                            <p>Vestibulum non consectetur leo, nec rutrum urna.</p>
                        </div>
                    </article><!-- // END SINGLE ATTORNEY -->
                </div>
                <div class="col-md-4">
                    <!-- SINGLE ATTORNEY -->
                    <article class="single-attorney">
                        <div class="single-attorney-hdr">
                            <img src="img/attorney/03.jpg" alt="">
                            <!-- TEAM SOCIAL LINK -->
                            <ul class="team-social">
                                <li><a href="#"><i class="fa fa-dribbble" 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-facebook" aria-hidden="true"></i></a></li>
                            </ul><!-- // END TEAM SOCIAL LINK -->
                        </div>
                        <div class="single-attorney-txt">
                            <h4>MARC EVERNOZEN</h4>
                            <span>Divorce lawyer</span>
                            <p>Vestibulum non consectetur leo, nec rutrum urna.</p>
                        </div>
                    </article><!-- // END SINGLE ATTORNEY -->
                </div>
            </div>
        </div>
    </section><!-- // END ATTORNEY AREA -->
    <!-- TESTIMONIAL AREA -->
    <section class="testimonial-area" style="background-image: url(img/background/testimonial.jpg);">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <!-- SINGLE TESTIMONIAL -->
                    <article class="single-testimonial">
                        <div class="media">
                            <div class="media-left">
                               <img src="img/testimonial/01.jpg" alt="">
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">Luna Pan <span>customer</span></h4>
                                <ul>
                                    <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                    <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                    <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                    <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                    <li><i class="fa fa-star-half-o" aria-hidden="true"></i></li>
                                </ul>
                            </div>
                       </div>
                       <p>Democracy must be built through open societies that share information. When there is information, there is enlightenment. When there is debate, there are solutions. When there is no sharing of power, no rule of law, no accountability, there is abuse, corruption, subjugation and indignation.</p>
                    </article><!-- // END SINGLE TESTIMONIAL -->
                </div>
                <div class="col-md-6">
                    <!-- SINGLE TESTIMONIAL -->
                    <article class="single-testimonial">
                        <div class="media">
                            <div class="media-left">
                               <img src="img/testimonial/02.jpg" alt="">
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">Luna Pan <span>customer</span></h4>
                                <ul>
                                    <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                    <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                    <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                    <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                    <li><i class="fa fa-star-half-o" aria-hidden="true"></i></li>
                                </ul>
                            </div>
                       </div>
                       <p>Democracy must be built through open societies that share information. When there is information, there is enlightenment. When there is debate, there are solutions. When there is no sharing of power, no rule of law, no accountability, there is abuse, corruption, subjugation and indignation.</p>
                    </article><!-- // END SINGLE TESTIMONIAL -->
                </div>
            </div>
        </div>
    </section><!-- // END TESTIMONIAL AREA -->
    <!-- NEWS AREA -->
    <section class="news-area sec-padding">
        <div class="container">
            <div class="row">
                <div class="col-md-8">
                    <!-- SECTION TITLE -->
                    <div class="sec-title">
                        <div class="sec-heading">
                            <h5>hello dear</h5>
                            <h2>news <span>updates</span></h2>
                        </div>
                        <p>Vestibulum non consectetur leo, nec rutrum urna. Duis quis ipsum lobortis, convallis erat sit amet, fermentum ante. Class aptent taciti sociosqu ad litora torquent.</p>
                    </div><!-- // END SECTION TITLE -->
                </div>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <!-- SINGLE NEWS -->
                    <article class="single-news">
                        <div class="single-news-header-overflow">
                            <div class="single-news-header">
                                <img src="img/blog/thumb-01.jpg" alt="">
                                <div class="single-news-link">
                                    <a href="#">
                                        <i class="pe-7s-link"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="single-news-date">
                            19th, jan, 2016
                        </div>
                        <div class="single-news-con">
                            <h4>Case Investigation</h4>
                            <ul>
                                <li>by <a href="#">jonathan Doe</a></li>
                                <li><a href="#">lawyer</a></li>
                                <li>5 comments</li>
                            </ul>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud sed quia non numquam eius modi tempora incidunt.</p>
                            <a href="#" class="tem-btn-one">Read more</a>
                        </div>
                    </article><!-- // END SINGLE NEWS -->
                </div>
                <div class="col-md-4">
                    <!-- SINGLE NEWS -->
                    <article class="single-news">
                        <div class="single-news-header-overflow">
                            <div class="single-news-header">
                                <img src="img/blog/thumb-02.jpg" alt="">
                                <div class="single-news-link">
                                    <a href="#">
                                        <i class="pe-7s-link"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="single-news-date">
                            19th, jan, 2016
                        </div>
                        <div class="single-news-con">
                            <h4>Personal Injury</h4>
                            <ul>
                                <li>by <a href="#">jonathan Doe</a></li>
                                <li><a href="#">lawyer</a></li>
                                <li>5 comments</li>
                            </ul>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud sed quia non numquam eius modi tempora incidunt.</p>
                            <a href="#" class="tem-btn-one">Read more</a>
                        </div>
                    </article><!-- // END SINGLE NEWS -->
                </div>
                <div class="col-md-4">
                    <!-- SINGLE NEWS -->
                    <article class="single-news">
                        <div class="single-news-header-overflow">
                            <div class="single-news-header">
                                <img src="img/blog/thumb-03.jpg" alt="">
                                <div class="single-news-link">
                                    <a href="#">
                                        <i class="pe-7s-link"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="single-news-date">
                            19th, jan, 2016
                        </div>
                        <div class="single-news-con">
                            <h4>Family Law</h4>
                            <ul>
                                <li>by <a href="#">jonathan Doe</a></li>
                                <li><a href="#">lawyer</a></li>
                                <li>5 comments</li>
                            </ul>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud sed quia non numquam eius modi tempora incidunt.</p>
                            <a href="#" class="tem-btn-one">Read more</a>
                        </div>
                    </article><!-- // END SINGLE NEWS -->
                </div>
            </div>
            <div class="row">
                <div class="col-md-2 col-sm-4">
                    <!-- SINGLE PARTNER -->
                    <div class="single-partner text-center">
                        <a href="#">
                            <img src="img/partner/01.png" alt="">
                        </a>
                    </div><!-- // END SINGLE PARTNER -->
                </div>
                <div class="col-md-2 col-sm-4">
                    <!-- SINGLE PARTNER -->
                    <div class="single-partner text-center">
                        <a href="#">
                            <img src="img/partner/02.png" alt="">
                        </a>
                    </div><!-- // END SINGLE PARTNER -->
                </div>
                <div class="col-md-2 col-sm-4">
                    <!-- SINGLE PARTNER -->
                    <div class="single-partner text-center">
                        <a href="#">
                            <img src="img/partner/03.png" alt="">
                        </a>
                    </div><!-- // END SINGLE PARTNER -->
                </div>
                <div class="col-md-2 col-sm-4">
                    <!-- SINGLE PARTNER -->
                    <div class="single-partner text-center">
                        <a href="#">
                            <img src="img/partner/04.png" alt="">
                        </a>
                    </div><!-- // END SINGLE PARTNER -->
                </div>
                <div class="col-md-2 col-sm-4">
                    <!-- SINGLE PARTNER -->
                    <div class="single-partner text-center">
                        <a href="#">
                            <img src="img/partner/05.png" alt="">
                        </a>
                    </div><!-- // END SINGLE PARTNER -->
                </div>
                <div class="col-md-2 col-sm-4">
                    <!-- SINGLE PARTNER -->
                    <div class="single-partner text-center">
                        <a href="#">
                            <img src="img/partner/06.png" alt="">
                        </a>
                    </div><!-- // END SINGLE PARTNER -->
                </div>
            </div>
        </div>
    </section><!-- // END NEWS AREA -->
    <!-- SITE FOOTER -->
    <footer id="colophon" class="site-footer">
        <!-- FOOTER WIDGET AREA -->
        <div class="footer-widget-area">
            <div class="container">
                <div class="row">
                    <!-- SINGLE WIDGET -->
                    <div class="col-md-4">
                        <div class="footer-widget">
                            <h4 class="widget-title">about us</h4>
                            <div class="about-widget">
                                <p>Sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni.</p>
                                <ul class="aboutiwidget-info">
                                    <li><i class="pe-7s-map-2"></i> 124, 5th Avenue, 2521 new york City</li>
                                    <li><i class="pe-7s-call"></i> +44 1245 4587 1212</li>
                                    <li><i class="pe-7s-mail-open"></i> [email protected]</li>
                                </ul>
                                <div class="about-widget-subscribe">
                                    <h5>Subcirbe for News Letter</h5>
                                    <form action="#">
                                        <input type="text" placeholder="enter your email here ....">
                                        <button><i class="pe-7s-paper-plane"></i></button>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div><!-- // END SINGLE WIDGET -->
                    <!-- SINGLE WIDGET -->
                    <div class="col-md-4">
                        <div class="footer-widget">
                            <h4 class="widget-title">latest twitter</h4>
                            <div class="twitter-widget">
                                <!-- SINGLE TWITTER POST -->
                                <div class="single-twitter-post">
                                    <div class="media">
                                        <div class="media-left">
                                           <div class="twitter-post-icon">
                                               <i class="flaticon-social"></i>
                                           </div>
                                        </div>
                                        <div class="media-body">
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.  <span>july 2, 2016</span></p>
                                        </div>
                                   </div>
                                </div><!-- // END SINGLE TWITTER POST -->
                                <!-- SINGLE TWITTER POST -->
                                <div class="single-twitter-post">
                                    <div class="media">
                                        <div class="media-left">
                                           <div class="twitter-post-icon">
                                               <i class="flaticon-social"></i>
                                           </div>
                                        </div>
                                        <div class="media-body">
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.  <span>july 2, 2016</span></p>
                                        </div>
                                   </div>
                                </div><!-- // END SINGLE TWITTER POST -->
                                <!-- SINGLE TWITTER POST -->
                                <div class="single-twitter-post">
                                    <div class="media">
                                        <div class="media-left">
                                           <div class="twitter-post-icon">
                                               <i class="flaticon-social"></i>
                                           </div>
                                        </div>
                                        <div class="media-body">
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.  <span>july 2, 2016</span></p>
                                        </div>
                                   </div>
                                </div><!-- // END SINGLE TWITTER POST -->
                            </div>
                        </div>
                    </div><!-- // END SINGLE WIDGET -->
                    <!-- SINGLE WIDGET -->
                    <div class="col-md-4">
                        <div class="footer-widget">
                            <h4 class="widget-title">recent news</h4>
                            <div class="recent-news">
                                <!-- SINGLE RECENT POST -->
                                <div class="single-recent-post">
                                    <div class="media">
                                        <div class="media-left">
                                           <img src="img/blog/widget-post-01.jpg" alt="">
                                        </div>
                                        <div class="media-body">
                                            <h5><a href="#">Vehicle Accidents</a></h5>
                                            <p>voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat.</p>
                                        </div>
                                   </div>
                                </div><!-- // END SINGLE RECENT POST -->
                                <!-- SINGLE RECENT POST -->
                                <div class="single-recent-post">
                                    <div class="media">
                                        <div class="media-left">
                                           <img src="img/blog/widget-post-02.jpg" alt="">
                                        </div>
                                        <div class="media-body">
                                            <h5><a href="#">Case Investigation</a></h5>
                                            <p>voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat.</p>
                                        </div>
                                   </div>
                                </div><!-- // END SINGLE RECENT POST -->
                                <!-- SINGLE RECENT POST -->
                                <div class="single-recent-post">
                                    <div class="media">
                                        <div class="media-left">
                                           <img src="img/blog/widget-post-03.jpg" alt="">
                                        </div>
                                        <div class="media-body">
                                            <h5><a href="#">Family Law</a></h5>
                                            <p>voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat.</p>
                                        </div>
                                   </div>
                                </div><!-- // END SINGLE RECENT POST -->
                            </div>
                        </div>
                    </div><!-- // END SINGLE WIDGET -->
                </div>
            </div>
        </div><!-- // END FOOTER WIDGET AREA -->
        <!-- SITE INFO -->
        <div class="site-info text-center">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <!-- FOOTER LOGO -->
                        <div class="footer-logo">
                            <a href="#">
                                <img src="img/logo.png" alt="">
                            </a>
                        </div>
                        ? Copyright 2018 by <a href="http://www.vxisgr.tw/">Litigation firm</a> | All rights reserved
                    </div>
                </div>
            </div>
        </div>
    </footer><!-- // END SITE FOOTER -->
    <!-- JS FILE -->



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 行業 企業 公司 工廠 分類 響應式 自適應 設備 風格 顏色 企業 行業 公司 工廠 bootstrap bootstrap自適應 bootstrap響應式 歐美風 歐美 歐洲 美洲 pc+wap 移動+電腦 手機+電腦 簡潔 簡約 簡單 橙色 律師 律師事務所 律師所 法律
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

湖北30选5开奖结果走势图表