<div id="ajax-page" class="ajax-page-content">
    <div class="ajax-page-wrapper">
        <div class="ajax-page-nav">
            <div class="nav-item ajax-page-prev-next">
                <a class="ajax-page-load" asp-action="Detail" asp-route-id="huawei">
                    <i class="lnr lnr-chevron-left"></i>
                </a>
                <a class="ajax-page-load" asp-action="Detail" asp-route-id="web">
                    <i class="lnr lnr-chevron-right"></i>
                </a>
            </div>
            <div class="nav-item ajax-page-close-button">
                <a id="ajax-page-close-button" href="#">
                    <i class="lnr lnr-cross"></i>
                </a>
            </div>
        </div>

        <div class="ajax-page-title">
            <h1>海鸟窝官网、移动端、公众号、小程序</h1>
        </div>

        <div class="row">
            <div class="col-sm-8 col-md-8 portfolio-block">
                <div class="owl-carousel portfolio-page-carousel">
                    <div class="item">
                        <img src="@(Program.CdnBaseAddress)/../CV/img/hainiaowo/1.png" alt=""/>
                    </div>
                    <div class="item">
                        <img src="@(Program.CdnBaseAddress)/../CV/img/hainiaowo/2.png" alt=""/>
                    </div>
                    <div class="item">
                        <img src="@(Program.CdnBaseAddress)/../CV/img/hainiaowo/3.png" alt=""/>
                    </div>
                    <div class="item">
                        <img src="@(Program.CdnBaseAddress)/../CV/img/hainiaowo/4.png" alt=""/>
                    </div>
                </div>

                <p>项目描述：</p>
                <p>海鸟窝致力于为热爱旅行、敢于冒险、崇尚自由并乐于分享的时尚人群提供海岛旅游资讯、浮潜装备、水下相机租赁、潜水器材租售、沙滩服饰、户外摄影租赁、境外wifi租赁、潜水装备使用介绍以及旅游保险、旅游攻略、策划等全方位一站式旅行服务和解决方案平台。</p>
                <p>责任描述：</p>
                <p>网站、移动端的网站开发。</p>
                <p>负责开发首页，商场分类页，商品详情页，购物车、订单页、攻略、视点、个人中心、售后等一系列功能。</p>

                <script type="text/javascript">
                    jQuery(document).ready(function($){
                        $('.portfolio-page-carousel').imagesLoaded(function(){
                            $('.portfolio-page-carousel').owlCarousel({
                                smartSpeed:1200,
                                items: 1,
                                loop: true,
                                dots: true,
                                nav: true,
                                navText: false,
                                margin: 10,
                                autoHeight:true
                            });
                        });
                    });
                </script>
            </div>

            <div class="col-sm-4 col-md-4 portfolio-block">

                <div class="project-description">
                    <div class="block-title">
                        <h3>描述</h3>
                    </div>
                    <ul class="project-general-info">
                        <li>
                            <p><i class="fa fa-user"></i>彭迁</p>
                        </li>
                        <li>
                            <p>
                                <i class="fa fa-globe"></i> <a href="https://www.hainiaowo.com" target="_blank">www.hainiaowo.com</a>
                            </p>
                        </li>
                        <li>
                            <p><i class="fa fa-calendar"></i>2019</p>
                        </li>
                    </ul>

                    <p class="text-justify">
                        入职海鸟窝后，主要负责旅游装备的出租、销售、商城、攻略这一块的开发，同时把控项目整体进度。
                    </p>


                    <div class="tags-block">
                        <div class="block-title">
                            <h3>技术</h3>
                        </div>
                        <ul class="tags">
                            <li>
                                <a>ASP.NET MVC3</a>
                            </li>
                            <li>
                                <a>SqlServer</a>
                            </li>
                            <li>
                                <a>jQuery</a>
                            </li>
                            <li>
                                <a>Ajax</a>
                            </li>
                            <li>
                                <a>HTML5</a>
                            </li>
                        </ul>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>