<html>

<body>

    <style>
        body {
            background-color: aliceblue;
        }

        p {
            font-family: Microsoft JhengHei;
            font-size: 24px;
        }

        .navbar-default .navbar-nav>li>a:focus,
        .navbar-default .navbar-nav>li>a:hover {}
    </style>


    <div class="header">
        <img style="position:absolute; top:-1%; left:-5%; height:auto; max-width:30%;" src="http://ecloud.ewang.com.tw/userUpload/images/tomato/woodlogo.png"
            alt="#">
        <img style="width:100%;" src="http://ecloud.ewang.com.tw/userUpload/images/tomato/03_IMG_0872.JPG" alt="">

    </div>
    <div class="container">

        <div class="row" style="text-align: center">
            <img src="http://ecloud.ewang.com.tw/userUpload/images/about%20us.png" alt="Image">

        </div>

        <div class="row" style="padding-bottom: 300px;">
            <div class="col-xs-12 col-sm-12 col-md-7 col-lg-7">
                <img src="http://ecloud.ewang.com.tw/userUpload/images/tomato/05IMG_0975.JPG" class="img-responsive" alt="Image">
            </div>

            <div class="col-xs-12 col-sm-12 col-md-5 col-lg-5" style="text-align: left">
                <p>
                    <strong>起源</strong>
                </p>
                <hr>
                <p>位於高雄市六龜區田營的蓮霧故鄉，主人家在20年前買下這佔地一公頃的農地，準備退休之後當個悠閒的務農族；十幾年來農場一直未使用，有次至農地勘查，無意間挖出了農地裡的地瓜，意外地好吃！了解到田地是那麼的肥沃，於是決定整頓田裡，栽種經濟作物，提高農場的附加價值。
                </p>
            </div>
        </div>

        <div class="row" style="padding-bottom: 300px;">
            <div class="col-xs-12 col-sm-12 col-md-5 col-lg-5">
                <p>
                    <strong>栽種理念</strong>
                </p>
                <hr>
                <p>老闆娘開始在田中栽種番茄，由當初買了100株到最後只有20株生存。她不氣餒，並認為不需要向他人一樣種植番茄一定要噴灑農藥，堅持無毒栽種，讓每個消費者都能安心、沒有負擔。</p>
            </div>

            <div class="col-xs-12 col-sm-12 col-md-7 col-lg-7">
                <img src="http://ecloud.ewang.com.tw/userUpload/images/tomato/IMG_25155(1).JPG" class="img-responsive" alt="Image" style>
            </div>


        </div>

        <div class="row" style="padding-bottom: 300px;">
            <div class="col-xs-12 col-sm-12 col-md-7 col-lg-7">
                <img src="http://ecloud.ewang.com.tw/userUpload/images/tomato/ban2.jpg" class="img-responsive" alt="Image">
            </div>

            <div class="col-xs-12 col-sm-12 col-md-5 col-lg-5" style="text-align: left">
                <p>
                    <strong>試錯 Try & Error</strong>
                </p>
                <hr>
                <p>我們持續地在田裡學習，後來買了300株存活了150株，500株存活了300株，搭配著自家調配與專研的有機肥，越種越有自信，越知道種植的原則與訣竅，每個夜晚帶著頭燈在田裡尋尋覓覓，若見飛蛾過多，隔日就開始使用檸檬蘇打、苦煉油、活醋等自然方式驅趕。
                </p>
            </div>
        </div>

    </div>

    <div class="container">

        <div class="row" style="text-align: center">
            <img src="http://ecloud.ewang.com.tw/userUpload/images/tomato/environment.png" alt="Image">

        </div>

        <div class="row" style="padding-bottom: 300px;">

            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-3">
                <a href="http://ecloud.ewang.com.tw/index.php?Act=1014&MK=1014&PK=1027#farm">
                    <img src="http://ecloud.ewang.com.tw/userUpload/images/tomato/environment/farm2.JPG" class="img-responsive" alt="Image" style="border-radius:50%; margin-bottom: 100px;">
                </a>
            </div>

            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-3">
                <a href="http://ecloud.ewang.com.tw/index.php?Act=1014&MK=1014&PK=1027#room">
                    <img src="http://ecloud.ewang.com.tw/userUpload/images/tomato/environment/room.JPG" class="img-responsive" alt="Image" style="border-radius:50%; margin-bottom: 100px;">
                </a>
            </div>

            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-3">
                <a href="http://ecloud.ewang.com.tw/index.php?Act=1014&MK=1014&PK=1027#tentarea">
                    <img src="http://ecloud.ewang.com.tw/userUpload/images/tomato/environment/tentarea.jpg" class="img-responsive" alt="Image"
                        style="border-radius:50%; margin-bottom: 100px;">
                </a>
            </div>

            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-3">
                <a href="http://ecloud.ewang.com.tw/index.php?Act=1014&MK=1014&PK=1027#recreation">
                    <img src="http://ecloud.ewang.com.tw/userUpload/images/tomato/environment/recreation.jpg" class="img-responsive" alt="Image"
                        style="border-radius:50%; margin-bottom: 100px;">
                </a>
            </div>

        </div>

    </div>

    <script type="text/javascript">
        // Javascript to enable link to tab
        var url = document.location.toString();
        if (url.match('#')) {
            $('#room a[href="#' + url.split('#')[1] + '"]').tab('show');
        }

        // Change hash for page-reload
        $('#room a').on('shown.bs.tab', function (e) {
            window.location.hash = e.target.hash;
        })
    </script>



</body>

</html>