<?php include "assets/header.php";
?>

<div class="container">
	<div class="row" style="padding:0;margin-bottom:80px;">
		<div class="col-xs-12" style="padding:0">
			<img src="assets/img/about-head.jpg" width="100%">
		</div>
	</div>
	<div class="row" style="padding:0;margin-bottom:50px;">    
        <div class="col-xs-12 col-sm-6" style="padding:40px;">
            <img src="assets/img/A1.jpg" width="100%">
        </div>
        <div class="col-xs-12 col-sm-6" style="padding-left:30px;padding-right:30px;padding-top:50px;">
            <p style="font-weight:600;font-size:14px;">ABOUT US</p>
            <p style="font-weight:600;font-size:22px;">The Thailand's Best Repair Service</p>
            <p style="font-size:14px;text-align:justify;text-align-last: left;text-indent: 10%;">YukiFix ผู้นำงานซ่อมหน้าจอ Smartphone  ทั้งจอแบนและจอโค้งทุกรุ่น ด้วยเครื่องมือที่มาตรฐานและทันสมัย สามารถรักษาจอแท้ให้ได้ใช้งานกันต่อ การลอกเปลี่ยนเฉพาะกระจกที่แตกออก โดยนำเอาจอแท้ชั้นในมาลงกระจกบานใหม่ด้วยกระบวนการ OCA Laminate Technology นี้จึงทำให้คุณภาพของหน้าจอไม่เปลี่ยนไป ลูกค้าจะได้จอที่มีความคมชัดเหมือนเดิม สีสันสดสวย ความสว่าง ความเสถียรของทัชสกรีนและความทนทานเหมือนเดิมทุกประการ เสมือนได้เครื่องใหม่ พร้อมรับประกันงานซ่อม มีบริการเช็คเครื่องให้ฟรี รอรับได้เลย โดยไม่ต้องสำรองข้อมูล</p>
            <p><a href="http://bit.ly/2lRZXe7" target="_blank" class="btn btn-default" style="padding:12px;border:solid 1px #dadada;font-size:14px;color:#666;padding-left:30px;padding-right:30px;border-radius:3px;font-weight:600"><span class="glyphicon glyphicon-download-alt" aria-hidden="true"></span>&nbsp;&nbsp;MORE INFO</a></p>
        </div>
    </div>
</div>
<div style="padding-top:50px;background-color:#F8F8F8"> 
	<div class="container">   
        <div class="row" style="margin-bottom:50px;">
            <div class="col-xs-12" align="center">
                <p style="font-weight:600;font-size:24px;">YUKIFIX® Stores – So Much More Than Cell Phone Repair</p>
                <p style="font-size:18px;color:#9F9F9F;">A Satisfied Customer is Our Mission</p>
            </div>
        </div>
        <div class="row" style="margin-bottom:100px;">
            <div class="col-xs-12 col-sm-4" align="center" style="margin-bottom:30px;">
                <img src="assets/img/5.png" width="100%">
                <p style="font-weight:600;font-size:20px;">ประสบการณ์ซ่อมมากกว่า 5 ปี</p>
                <p style="font-size:16px;color:#9F9F9F;">เราสั่งสมประสบการณ์ความเชี่ยวชาญมากกว่า 5 ปี<BR>ได้บริการซ่อมมากกว่า 25,000 เครื่อง</p>
            </div>
            <div class="col-xs-12 col-sm-4" align="center" style="margin-bottom:30px;">
                <img src="assets/img/4.png" width="100%">
                <p style="font-weight:600;font-size:20px;">ครบวงจรการซ่อมมือถือ</p>
                <p style="font-size:16px;color:#9F9F9F;">Yukifix มีช่างผู้นำนาญงานซ่อมมือถือ<BR>ทุกอาการจบงานได้ที่เรา</p>
            </div>
            <div class="col-xs-12 col-sm-4" align="center" style="margin-bottom:30px;">
                <img src="assets/img/3.png" width="100%">
                <p style="font-weight:600;font-size:20px;">เครื่องมือครบครัน ทันสมัย</p>
                <p style="font-size:16px;color:#9F9F9F;">เราใส่ใจการเลือกใช้เทคโนโลยี<BR>เครื่องมือที่ใช้ในการซ่อมต้องมีมาตรฐานสูง</p>
            </div>
            <div class="col-xs-12 col-sm-4" align="center" style="margin-bottom:30px;">
                <img src="assets/img/2.png" width="100%">
                <p style="font-weight:600;font-size:20px;">อะไหล่คุณภาพดีที่สุดเท่านั้น</p>
                <p style="font-size:16px;color:#9F9F9F;">เราคัดสรรอะไหล่คุณภาพสูงเท่านั้น<BR>เราเชื่อว่าอะไหล่คุณภาพดี นำมาซึ่งงานซ่อมคุณภาพดี</p>
            </div>
            <div class="col-xs-12 col-sm-4" align="center" style="margin-bottom:30px;">
                <img src="assets/img/1.png" width="100%">
                <p style="font-weight:600;font-size:20px;">6 สาขาพร้อมให้บริการ</p>
                <p style="font-size:16px;color:#9F9F9F;">เพื่อการ่ให้บริการที่ทั่วถึง Yukifix ครอบคลุม 6 สาขา<BR>ทั่วกทม.และปริมณฑล</p>
            </div>
            <div class="col-xs-12 col-sm-4" align="center" style="margin-bottom:30px;">
                <img src="assets/img/6.png" width="100%">
                <p style="font-weight:600;font-size:20px;">ความพอใจลูกค้าคือเป้าหมายของเรา</p>
                <p style="font-size:16px;color:#9F9F9F;">เพื่อความพอใจของลูกค้า<BR>คือสิ่งที่สำคัญของภารกิจของเรา</p>
            </div>
        </div>
        <div class="row" style="margin-bottom:50px;">
            <div class="col-xs-12" align="center">
                <p style="font-weight:600;font-size:24px;">Our Staff</p>
                <p style="font-size:18px;color:#9F9F9F;">Teamwork Makes Dream Work</p>
            </div>
        </div>
        <div class="row hidden-sm hidden-md hidden-lg" style="margin-bottom:100px;">
			<div id="carousel-a" class="carousel slide" data-ride="carousel" style="padding:0;margin-bottom:80px;">
              <div class="carousel-inner" role="listbox">
                <div class="item active">
                    <div class="row">
                        <div class="col-xs-4" align="center" style="padding: 0">
                            <img src="assets/img/staff/pop.png" class="img-edit" width="100%">
                        </div>
                        <div class="col-xs-4" align="center" style="padding: 0">
                            <img src="assets/img/staff/toei.png" class="img-edit" width="100%">
                        </div>
						<div class="col-xs-4" align="center" style="padding: 0">
                            <img src="assets/img/staff/ying.png" class="img-edit" width="100%">
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="row">
                        <div class="col-xs-4" align="center" style="padding: 0">
                            <img src="assets/img/staff/yong.png" class="img-edit" width="100%">
                        </div>
                        <div class="col-xs-4" align="center" style="padding: 0">
                            <img src="assets/img/staff/joy.png" class="img-edit" width="100%">
                        </div>
						<div class="col-xs-4" align="center" style="padding: 0">
                            <img src="assets/img/staff/kie.png" class="img-edit" width="100%">
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="row">
                        <div class="col-xs-4" align="center" style="padding: 0">
                            <img src="assets/img/staff/mr1.png" class="img-edit" width="100%">
                        </div>
                        <div class="col-xs-4" align="center" style="padding: 0">
                            <img src="assets/img/staff/mrt.png" class="img-edit" width="100%">
                        </div>
						<div class="col-xs-4" align="center" style="padding: 0">
                            <img src="assets/img/staff/hanoom.png" class="img-edit" width="100%">
                        </div>
                    </div>
                </div>
              </div>
              <a class="left carousel-control review-bt" href="#carousel-a" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
              </a>
              <a class="right carousel-control review-bt" href="#carousel-a" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
              </a>
            </div>
        </div>
		<div class="row hidden-xs" style="margin-bottom:100px;">
			<div id="carousel-b" class="carousel slide" data-ride="carousel" style="padding:0;margin-bottom:80px;">
    
              <div class="carousel-inner" role="listbox">
                <div class="item active">
                    <div class="row">
                        <div class="col-sm-2" align="center" style="padding: 0">
                            <img src="assets/img/staff/pop.png" class="img-edit" width="100%">
                        </div>
                        <div class="col-sm-2" align="center" style="padding: 0">
                            <img src="assets/img/staff/toei.png" class="img-edit" width="100%">
                        </div>
						<div class="col-sm-2" align="center" style="padding: 0">
                            <img src="assets/img/staff/ying.png" class="img-edit" width="100%">
                        </div>
						<div class="col-sm-2" align="center" style="padding: 0">
                            <img src="assets/img/staff/yong.png" class="img-edit" width="100%">
                        </div>
                        <div class="col-sm-2" align="center" style="padding: 0">
                            <img src="assets/img/staff/joy.png" class="img-edit" width="100%">
                        </div>
						<div class="col-sm-2" align="center" style="padding: 0">
                            <img src="assets/img/staff/kie.png" class="img-edit" width="100%">
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="row">
                        <div class="col-sm-2" align="center" style="padding: 0">
                            <img src="assets/img/staff/mr1.png" class="img-edit" width="100%">
                        </div>
                        <div class="col-sm-2" align="center" style="padding: 0">
                            <img src="assets/img/staff/mrt.png" class="img-edit" width="100%">
                        </div>
						<div class="col-sm-2" align="center" style="padding: 0">
                            <img src="assets/img/staff/hanoom.png" class="img-edit" width="100%">
                        </div>
						<div class="col-sm-2" align="center" style="padding: 0">
                            <img src="assets/img/staff/pop.png" class="img-edit" width="100%">
                        </div>
                        <div class="col-sm-2" align="center" style="padding: 0">
                            <img src="assets/img/staff/toei.png" class="img-edit" width="100%">
                        </div>
						<div class="col-sm-2" align="center" style="padding: 0">
                            <img src="assets/img/staff/ying.png" class="img-edit" width="100%">
                        </div>
                    </div>
                </div>
              </div>
              <a class="left carousel-control review-bt" href="#carousel-b" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
              </a>
              <a class="right carousel-control review-bt" href="#carousel-b" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
              </a>
            </div>
        </div>
    </div>
</div>
<?php include("assets/footer.php");?>