<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" >
<link href='https://fonts.googleapis.com/css?family=Poppins' rel='stylesheet'>
<section class="py-5 intro-a">
<div class="container py-5 text-black">
<div class="row py-5">
<div class="col-lg-4 col-md-12">
<img class="img-fluid" src="https://sb.sansukien.com/wp-content/themes/SanSuKien/assets/img/ssk-logo.png">
<p>Giải pháp công nghệ tối ưu cho toàn bộ quá trình quản lý, mua bán vé sự kiện trực tuyến</p>
<a href="#" class="btn btn-sm btn-info">Xem bảng giá</a> hoặc <a href="#" class="btn btn-sm btn-info">Tạo thử sự kiện</a>
</div>
<div class="col-lg-8 d-none d-lg-block">
<div class="intro-a-right">
<div class="intro-a-layer">
<img src="https://www.gevme.com/l/wp-content/uploads/2020/04/GEVME-hero-banner.png" alt="" class="img-fluid">
</div>
</div>
</div>
</div>
</div>
</section>
<section class="py-5 intro-b text-black">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<h2 class="text-info pb-4">Bạn sắp tổ chức sự kiện?
</h2>
<p>Ngày nay, khi nhu cầu giải trí được nâng cao, các chương trình, sự kiện ngày càng hút khách thì một lực lượng phe vé và bán vé giả cũng ngày càng có cơ hội bành trướng, làm đau đầu những nhà tổ chức sự kiện và các cơ quan quản lý.
Trái ngược với những định kiến về một website phe vé hay bán vé hộ, SanSukien.com ra đời nhằm mục tiêu trở thành giải pháp bán vé trực tuyến toàn diện dành cho nhà tổ chức. Thay vì phải lập một trang điện tử để cập nhật tin tức của sự kiện, các nhà tổ chức có thể dễ dàng sử dụng SanSuKien.com như một cổng thông tin chính thức cho sự kiện và có thể tạo trang bán vé riêng cho sự kiện của mình.
</div>
</div>
<div class="row">
<div class="col-md-12 text-center">
<h2 class="text-info">Giải pháp bán vé tiết kiệm nhất:<br>0.00% + 0đ/vé
</h2>
<p>Hãy trải nghiệm toàn bộ giải pháp công nghệ tuyệt vời của Sansukien.com mà không phải lo lắng về bất kỳ loại phí dịch vụ nào trên mỗi vé bán ra — dù đó là vé miễn phí hoặc có phí.
</p>
</div>
</div>
</div>
</section>
<section class="py-1 intro-c">
<div class="container">
<div class="row text-center">
<div class="col-md-12">
<h2 class="text-info">Chúng tôi giúp bạn những gì?</h2>
<p>Với Sansukien.com, bạn có tất cả những công cụ cần thiết để tổ chức sự kiện thành công!
</p>
</div>
</div>
<div class="row" align="center">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3">
<div class="card" style="width: 18rem;">
<img src="https://www.gevme.com/l/wp-content/uploads/2019/07/Planning.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Đăng tin sự kiện</h5>
<p class="card-text">Bạn tạo sự kiện với thông tin về giá vé để có ngay một website sự kiện tuyệt đẹp — nơi mọi người có thể xem và đặt mua vé trực tuyến.</p>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3">
<div class="card" style="width: 18rem;">
<img src="https://www.gevme.com/l/wp-content/uploads/2019/07/man-board-chart.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Quảng bá sự kiện</h5>
<p class="card-text">Bạn quảng bá sự kiện vừa tạo đến nhiều người thông qua website, báo chí, hoặc trên các trang mạng xã hội với sự hỗ trợ của Săn Sự Kiện. </p>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3">
<div class="card" style="width: 18rem;">
<img src="https://www.gevme.com/l/wp-content/uploads/2019/07/Illustration_Website_Builder.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Bán vé sự kiện</h5>
<p class="card-text">Mọi người có thể đặt vé trực tuyến, thanh toán online cho bạn. Người mua vé và nhận được vé điện tử về email sau khi thanh toán thành công.</p>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3">
<div class="card" style="width: 18rem;">
<img src="https://www.gevme.com/l/wp-content/uploads/2019/07/GEVME-Frictionless-registration.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Check-in Soát vé</h5>
<p class="card-text">Người mua vé mang vé điện tử hoặc mã QR đến sự kiện để bạn check-in trực tiếp trên hệ thống của Sansukien.com</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="py-5 intro-d">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<h2 class="text-info pb-4">Bán vé sự kiện trên website với tên miền & thương hiệu của riêng bạn</h2>
</div>
</div>
<div class="row">
<div class="col-md-8">
<p>Không cần đau đầu tìm kiếm các đơn vị thiết kế website sự kiện. Với gói Professional - giải pháp cao cấp và toàn diện nhất của Sansukien.com dành riêng cho các sự kiện ở quy mô lớn (5,000+ chỗ ngồi). Sansukien Professional sẽ giúp bạn sẽ có ngay một website có thương hiệu riêng của mình - với logo, hình ảnh, và thậm chí một thiết kế riêng — để phù hợp nhất với chiến lược phát triển kinh doanh của bạn mà vẫn đảm bảo:</p>
</div>
<div class="col-md-4">
<img class="img-fluid" src="https://www.gevme.com/l/wp-content/uploads/2019/07/GEVME-enhance-event-marketing.png">
</div>
</div>
</div>
</section>
<section class="bg-dark intro-e">
<div class="container bg-dark py-3 shadow-lg text-white">
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="col-md-4 text-center">
<i class="fa fa-tachometer fa-3x text-light"></i></br>
<small class="text-light">HIỆU QUẢ</small>
<p>Có một nền tảng công nghệ tách biệt để nâng cao hiệu suất và tốc độ</p>
</div>
<div class="col-md-4 text-center">
<i class="fa fa-wrench fa-3x text-light"></i><br>
<small class="text-light">TĂNG TRƯỞNG DOANH THU</small>
<p>Thiết lập cổng thanh toán chuyên biệt cho phép bạn nhận tiền vé nhanh hơn</p>
</div>
<div class="col-md-4 text-center">
<i class="fa fa-tag fa-3x text-light"></i></br>
<small class="text-light">TIẾT KIỆM THỜI GIAN</small>
<p>Cập nhật thời gian thực về mọi giao dịch qua email và trang quản lý</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="py-1 intro-f">
<div class="container">
<div class="row mt-5 text-center">
<div class="col-md-12">
<h2 class="text-info">Cùng những chức năng hoàn hảo?</h2>
<p>Để sự kiện của bạn trở nên khác biệt
</p>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<div class="icon-left">
<i class="fa fa-ioxhost fa-3x"></i>
</div>
<div class="text">
<h4> Kết nối cổng thanh toán </h4>
<p> Người mua vé dễ dàng thanh toán qua Visa, Master Card, Ví Momo, NgânLượng.vn... </p>
</div><br>
<div class="icon-left">
<i class="fa fa-codepen fa-3x"></i>
</div>
<div class="text">
<h4> Bảng câu hỏi </h4>
<p>Thay đổi & tùy chỉnh form mua vé, các biểu mẫu thu thập ý kiến khách hàng trước khi đặt mua vé</p>
</div><br>
<div class="icon-left">
<i class="fa fa-thumbs-o-up fa-3x"></i>
</div>
<div class="text">
<h4> Mã giảm giá </h4>
<p>Tạo mã giảm giá cho các chương trình khuyến mại dành cho hệ thống đại lý & cộng tác viên sẵn có của bạn</p>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<div class="icon-left">
<i class="fa fa-money fa-3x"></i>
</div>
<div class="text">
<h4> Công cụ CRM </h4>
<p>Kiểm soát toàn bộ thông tin các giao dịch và khách hàng. Trích xuất ra Excel để trao đổi & quản lý.</p>
</div><br>
<div class="icon-left">
<i class="fa fa-taxi fa-3x"></i>
</div>
<div class="text">
<h4> Email Reminder </h4>
<p>Gửi Email thông báo đến toàn bộ khách hàng đã mua vé giúp quảng bá hiệu quả hơn.</p>
</div><br>
<div class="icon-left">
<i class="fa fa-leaf fa-3x"></i>
</div>
<div class="text">
<h4> Soát vé thông minh </h4>
<p>Soát vé (Check-in) tại thời điểm sự kiện diễn ra. Hỗ trợ soát vé qua mã QR code hoặc mã vé điện tử.</p>
</div>
</div>
</div>
</section>
<section class="py-5 .intro-g">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<h2 class="text-info pb-3">Điều khác biệt chỉ có tại Sansukien.com
</h2>
<p>Sansukien.com được xây dựng là một sản phẩm công nghệ hiện tại và cao cấp. Chúng tôi mong muốn giúp bạn tự động hóa toàn bộ quá trình tổ chức sự kiện, từ đó giảm bớt gánh nặng về quá trình tổ chức cũng như phân phối vé Online. Bạn có thể chủ động thực hiện toàn bộ quá trình truyền thông, bán vé sự kiện dựa vào các ứng dụng hỗ trợ tuyệt vời tại Sansukien.com</p>
</div>
</div>
<div class="row">
<div class="col-md-12 text-center">
<h5 class="text-info"> Trên thế giới, tất cả các nhà tổ chức chuyên nghiệp đều cần một giải pháp công nghệ như Sansukien.com để tổ chức và quản lý sự kiện tốt hơn.
</h5>
</div>
</div>
</div>
</section>
<section class="intro-g border border-info py-4">
<div class="container">
<div class="row">
<div class="col-md-8 ">
<h3>...và chính bạn cũng có thể bắt đầu ngay bây giờ</h3>
</div>
<div class="col-md-4">
<button type="btn" class="btn btn-danger btn-block">Xem các gói dịch vụ</button>
</div>
</div>
</div>
</section>
section { font-family: Roboto, Arial, Tahoma, sans-serif;font-size: 18px; }
.intro-a{background-color:#ddd;}
.intro-a-right {
height: 100%;
/* left: 0; */
position: absolute;
top: 0;
width: 120%;
}
.intro-a-layer {
right: 10%;
top: -70%;
}
.intro-a-right > div {
position: absolute;
}
.intro-c .card-img-top {height:250px;}
.intro-f .icon-left{
float:left;
padding: 12px 25px 60px 15px;
color:#4ECABE;
}
.intro-f .text{
text-align:left;
padding:0 0 0 15px;
}
.intro-f .text h4{
padding-bottom:5px;
font-weight: bold;
}
