import * as React from "react";

export class Section1 extends React.Component {
  public render(): JSX.Element {
    return (
        <div className="about_wrap">
            <div className="about_top">
                <div className="about_top_inner">
                    <div className="abti_title">
                        We Provide Top Quality <br/> <span>printed products at affordable prices</span>
                    </div>
                    <div className="abti_text">
                        Ed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
                        doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore
                        veritatis et quasi architecto beatae vitae dicta sunt explicabo. eos qui
                        ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem
                        ipsum quia dolor sit.<br/><br/><strong> Amet, consectetur adipisci velit
                            sed quia non numquam eius moditempora incidunt ut labore et dolore magnam
                            </strong> <br/>
                        <br/> aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem
                        ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur?
                        Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam consequatur.
                    </div>
                </div>
            </div>
            <div className="about_bot">
                <div className="about_bot_inner">
                    <div className="abb_left">
                        <div className="abbl_heading">Our Core Values</div>
                        <div className="abbl_boxes">
                            <div className="abbl_box">
                                <div className="abbl_bicon"><img src="images/empathy.png"/></div>
                                <div className="abbl_bhead">Empathy</div>
                                <div className="abbl_bhead_text">Lorem ipsum dolor sit amet, consectetuer
                                adipiscing elit, sed diam nonummy nibh euismod.</div>
                            </div>
                            <div className="abbl_box">
                                <div className="abbl_bicon"><img src="images/craftmanship.png"/></div>
                                <div className="abbl_bhead">Craftmanship</div>
                                <div className="abbl_bhead_text">Lorem ipsum dolor sit amet, consectetuer
                                adipiscing elit, sed diam nonummy nibh euismod.</div>
                            </div>
                            <div className="abbl_box">
                                <div className="abbl_bicon"><img src="images/solidarity.png"/></div>
                                <div className="abbl_bhead">Solidarity</div>
                                <div className="abbl_bhead_text">Lorem ipsum dolor sit amet, consectetuer
                                adipiscing elit, sed diam nonummy nibh euismod.</div>
                            </div>
                            <div className="abbl_box">
                                <div className="abbl_bicon"><img src="images/courtesy.png"/></div>
                                <div className="abbl_bhead">Courtesy</div>
                                <div className="abbl_bhead_text">Lorem ipsum dolor sit amet, consectetuer
                                adipiscing elit, sed diam nonummy nibh euismod.
                                </div>
                            </div>
                        </div>
                    </div>
                    <div className="abb_right">
                        <img src="images/about_pic.png"/>
                    </div>
                    <div className="clearfix" />
                </div>
            </div>
            <div className="abb_last">
                <div className="abl_heading">
                    <img src="images/black_white.png"/><br/>
                    <span>Now that you've read this far</span><br/>
                    feel free to browse through our products!
                </div>
                <div className="abl_button">
                    <a href="#" className="about_bttn">Get Started</a>
                </div>
            </div>
            <div className="clearfix"/>
        </div>
    );
  }
}