Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Handyman</title>
    <link rel="stylesheet" href="css/main.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
</head>
<body>
    <header class="header" id="header">
        <div class="header_top">
            <div class="header_top_inner container clearfix">
                <div class="top_information">
                    <p class="location">Brooklyn, NY 10036, United States</p>
                    <p class="email">example@language-school.com</p>
                </div>
                <div class="call_us">
                    Call Us:  1-800-123-1234
                </div>
            </div>
        </div>
        <div class="header_bottom">
            <div class="header_bottom_inner container clearfix">
                <div class="logo">
                    <a href="#"><img src="img/logo.png" alt="logo"></a>
                </div>
                <div class="request">
                    <a href="#">Request Services</a>
                </div>
                <div class="search">
                    <a class="active" href="javascript:void(0)"><i class="icon-search"></i></a>
                    <div class="search_block no-active">
                        <form action="">
                            <input type="text" placeholder="Search...">
                            <button class="search-cancel"></button>
                        </form>
                    </div>
                </div>
                <nav class="main_menu">
                    <ul class="clearfix">
                        <li><a href="#">Home</a></li>
                        <li><a href="#">Courses</a></li>
                        <li><a href="#">Features</a>
                        <ul>
                            <li><a href="#">DropDown</a></li>
                            <li><a href="#">DropDown</a></li>
                            <li><a href="#">DropDown</a></li>
                        </ul></li>
                        <li><a href="#">Shortcodes</a></li>
                        <li><a href="#">Post Types</a></li>
                        <li><a href="#">Contacts</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </header>
    <div class="main" id="main">
        <div class="content_wrap full_width">
            <div class="content">
                <div class="row" id="row_headline">
                    <div class="row_width">
                        <div class="row_margin">
                            <div class="column one_first">
                                <div class="shortcode shortcode_headline">
                                    <div class="headline">
                                        <h1><p>One Call Can Solve</p> <p>All Your House Problems</p></h1>
                                    </div>
                                    <a href="#" class="request_btn">Request Services</a>
                                    <a href="#" class="contact_us_btn">Contact Us</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row" id="row_services">
                    <div class="row_width">
                        <div class="row_margin">
                            <div class="column one_fourth">
                                <div class="shortcode shortcode_plumbing">
                                    <a href="#">Plumbing</a>
                                </div>
                                <div class="shortcode_title_services" id="title_services1"></div>
                                <div class="shortcode shortcode_electrical">
                                    <a href="#">Electrical</a>
                                </div>
                            </div>
                            <div class="column one_fourth">
                                <div class="shortcode shortcode_renovation">
                                    <a href="#">Renovation</a>
                                </div>
                                <div class="shortcode_title_services" id="title_services2"></div>
                                <div class="shortcode shortcode_carpentry">
                                    <a href="#">Carpentry</a>
                                </div>
                            </div>
                            <div class="column one_fourth">
                                <div class="shortcode shortcode_roofing">
                                    <a href="#">Roofing</a>
                                </div>
                                <div class="shortcode_title_services" id="title_services3"></div>
                                <div class="shortcode shortcode_flooring">
                                    <a href="#">Flooring</a>
                                </div>
                            </div>
                            <div class="column one_fourth">
                                <div class="shortcode shortcode_painting">
                                    <a href="#">Painting</a>
                                </div>
                                <div class="shortcode_title_services" id="title_services4"></div>
                                <div class="shortcode shortcode_windows">
                                    <a href="#">Windows</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row" id="row_static">
                    <div class="row_width">
                        <div class="row_margin">
                            <div class="column one_first">
                                <div class="shortcode shortcode_static">
                                    <div class="static_block">
                                        <p class="number">100%</p>
                                        <p>Quality</p>
                                    </div>
                                    <div class="static_block">
                                        <p class="number">2480</p>
                                        <p>Projects Done</p>
                                    </div>
                                    <div class="static_block">
                                        <p class="number">26</p>
                                        <p>People Working</p>
                                    </div>
                                    <div class="static_block">
                                        <p class="number">38</p>
                                        <p>Happy Clients</p>
                                    </div>
                                    <div class="static_block">
                                        <p class="number">7856</p>
                                        <p>Business Partners</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row_section" id="row_section_about">
                    <div class="row" id="row_title_about">
                        <div class="row_width">
                            <div class="row_margin">
                                <div class="column one_first">
                                    <div class="shortcode shortcode_title_about">
                                        <p>About Our Company</p>
                                        <h2>We Are Professional & Thoughful HandyMan</h2>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row" id="row_about">
                        <div class="row_width">
                            <div class="row_margin">
                                <div class="column one_third">
                                    <div class="shortcode shortcode_about_static clearfix">
                                        <p class="big_number">25+</p>
                                        <p class="big_number_right"><span>Years</span> of Experience</p>
                                    </div>
                                    <div class="shortcode shortcode_title_about" id="title_about1"></div>
                                    <div class="shortcode shortcode_about_block time_revers">
                                        <h4>24/7 Availability</h4>
                                        <p>Cum sociis natoque penatibus et magnis dis parturient ntesmus. Proin vel nibh et elit mollis.</p>
                                    </div>
                                    <div class="shortcode shortcode_title_about" id="title_about2"></div>
                                    <div class="shortcode shortcode_about_block stop_watch">
                                        <h4>Quick & Efficient</h4>
                                        <p>Cum sociis natoque penatibus et magnis dis parturient ntesmus. Proin vel nibh et elit mollis.</p>
                                    </div>
                                </div>
                                <div class="column one_third">
                                    <div class="shortcode shortcode_about_block trophy">
                                        <h4>Certification</h4>
                                        <p>Cum sociis natoque penatibus et magnis dis parturient ntesmus. Proin vel nibh et elit mollis.</p>
                                    </div>
                                    <div class="shortcode shortcode_title_about" id="title_about3"></div>
                                    <div class="shortcode shortcode_about_block wallet">
                                        <h4>Affordable Price</h4>
                                        <p>Cum sociis natoque penatibus et magnis dis parturient ntesmus. Proin vel nibh et elit mollis.</p>
                                    </div>
                                    <div class="shortcode shortcode_title_about" id="title_about4"></div>
                                    <div class="shortcode shortcode_about_block eye">
                                        <h4>Free Estimation</h4>
                                        <p>Cum sociis natoque penatibus et magnis dis parturient ntesmus. Proin vel nibh et elit mollis.</p>
                                    </div>
                                </div>
                                <div class="column one_third">
                                    <div class="shortcode shortcode_about_contact">
                                        <h4>Quick Service Request</h4>
                                        <form action="">
                                            <input type="text" class="name" placeholder="Name *">
                                            <input type="text" class="email" placeholder="Email *">
                                            <input type="text" placeholder="Phone *">
                                            <textarea placeholder="Message"></textarea>
                                            <input type="submit" value="Send a message" >
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row" id="row_discount">
                    <div class="row_width">
                        <div class="row_margin">
                            <div class="column one_first">
                                <div class="shortcode shortcode_discount">
                                    <div class="text_block">
                                        <p>Save Money With Discount Special and Electric Services Coupons</p>
                                    </div>
                                    <a href="#" class="request">Request Services</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="bottom_sidebar">

        </div>
    </div>
    <footer class="footer" id="footer">
        <div class="footer_inner">

        </div>
    </footer>
    <script src="js/main.js"></script>
</body>
</html>