- TRANG CHỦ
- THƯ VIỆN ẢNH
- PHÒNG KHÁCH
- PHÒNG BẾP
- PHÒNG NGỦ
- PHÒNG TẮM
- PHÒNG SÁCH
- GARAGE
- MẶT BẰNG CĂN HỘ
- TIN TỨC
- GIỚI THIỆU
- LIÊN HỆ
Căn hộ GAPURA VILLA với khoảng khơng gian lịch khép kín cho hai tòa cao ốc, cao ốc gồm 45 hộ, mội tầng có hộ, hộ có diện tích từ 105 m2 tới 650 m2 thiết kế theo tiêu chuẩn quốc tế đại với đầy đủ tiện nghi: máy giặt, tủ lạnh, lò vi sóng, máy hút khói, bếp ga cao cấp hệ thống ánh sáng sang trọng phòng khách, phịn g ngủ, phịng làm việc tạo nên hồn hảo hộ Bên cạnh đó, Qúy khách tận hưởng dịch vụ thư giãn: phòng xơng hơi, xơ ng khơ, phịng tập thể dục đầy đủ dụng cụ, công viên, khu vui chơi trẻ em Dịch vụ ngân hàng, s hopping đầy đủ đáp ứng nhu cầu cần thiết Qúy khách Tất giúp Qúy khách cảm th thoải mái thời gian lưu trú hộ GAPURA VILLA
MƠ TẢ CĂN HỘ:235 Với gia đình đại, bếp truyền thống khó đáp ứng nh u cầu ngày cao đa dạng sống Ý tưởng đảo bếp thiết kế thực hóa nhằm đáp ứng nhiều yêu cầu Đảo bếp cho phép bà nội trợ làm việc hướng, tạo thêm không gian làm việc, trang trí thêm cho khơng gian nhà bếp Không nơ i "trung chuyển" thức ăn hay đồ đạc, đảo bếp cịn nơi sơ chế, ăn nhẹ, quầy bar
DIỆN TÍCH30 x 50
THƠNG TIN CHI TIẾT- Gạch lát sàn gỗ tự nhiên.
- Có cửa kính phịng khách.
- Thiết bị tiện nghi chất lượng.
Nếu có câu hỏi thắc mắc hay muốn tìm hiểu thêm chúng tơi Xin liên hệ với để nhận câu trả lời xác nhanh nhất!
LIÊN HỆ Copyright © 2020 Babylon Residence Designed by Quoc Anh 2.CSS /* -RESET CSS */ *{ 236 margin: 0; padding: 0; } body { font-family: 'Times New Roman', Times, serif; font-size: 20px; } logo img { float: left; padding-left: 50px; padding-top: 15px; } /* -HEADER - MENU */ menu { /* position: absolute; */ width: 100%; box-sizing: border-box; padding: 100px; /*logo*/ /*Scroll*/ position: fixed; top: 0; left: 0; width: 100%; display: flex; justify-content: space-between; align-items: center; transition: 0.6s; z-index: 100000; } /*LOGO - LEFT*/ menu img { position: relative; float: left; width: 200px; /*logo*/ padding-top: 15px; 237 padding-bottom: 20px; } /*MENU - RIGHT*/ nav { position: relative; /**/ float: right; } /*MENU - CHA*/ nav ul { margin: 0; padding: 0; display: flex; /**/ } nav ul li { list-style: none; } nav ul li a { display: block; color: #fff; font-weight: bold; font-size: 20px; padding: 30px 20px; /*Menu*/ text-transform: uppercase; /**/ text-decoration: none; /*Underline From Center*/ background-image: linear-gradient(rgb(240, 255, 30), rgb(240, 255, 30)); background-size: 5px, auto; background-repeat: no-repeat; background-position: center bottom; transition: all 2s ease-out; } /*MENU - CON*/ nav ul li ul { display: block; background: rgba(0,0,0,.5); min-width: 300px; 238 position: absolute; margin-top: 1px; box-shadow: 2px 5px rgba(0,0,0,.5); /*Biến đổi*/ transition: 5s; transform: translateY(40px); /*Ẩn menu con*/ opacity: 0; visibility: hidden; } nav ul li ul li a { padding: 20px; } /*Hover - Menu cha*/ nav ul li:hover ul { /*Hiện menu con*/ opacity: 1; visibility: visible; transform: translateY(0px); } nav ul li a:hover { color: #FFFF04; transition: 5s; /*Underline From Center : Hover*/ /* background-size: calc(100% - 2em) 5px, auto; */ background-size: 100% 5px, auto; } /*Scroll Menu*/ header.sticky menu { padding: 40px 20px; background: #000; } header.sticky logo, header.sticky ul li a { color: #FFFF04; } 239 header.sticky ul li a:hover { background: #ffA500; } /* -SECTION - SLIDESHOW DOTS */ /* Slideshow container */ slideshow-container { /* max-width:100%; */ position: relative; margin: auto; } /* Hide the images by default */ mySlides { display: none; } mySlides img { width: 100%; height: 500px; position: relative; } /* Next & previous buttons */ prev, next { cursor: pointer; position: absolute; top: 40%; width: auto; margin-top: 22px; padding: 16px; color: #f1f1f1; font-weight: bold; font-size: 35px; transition: 0.6s ease; border-radius: 3px 3px 0; } /* Position the "next button" to the right */ next { right: 0; border-radius: 3px 0 3px; } /* On hover, add a black background color with a little bit see-through */ prev:hover, next:hover { background-color: rgba(0,0,0,0.8); 240 } /* Caption text */ text-fade { color: #fff; background: black; width: 30%; height: 100px; line-height: 100px; font-size: 45px; font-weight: bold; position: absolute; top: 40%; left: 35%; bottom: 50%; text-align: center; position: absolute; } /* The dots/bullets/indicators */ dot { cursor:pointer; height: 15px; width: 15px; margin: 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; } active, dot:hover { background-color: #717171; } /* Fading animation */ fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; } @keyframes fade { from {opacity: 4} to {opacity: 1} } @keyframes fade { 241 from {opacity: 4} to {opacity: 1} } /* -SECTION - */ /* ========================================= Title =========== =============================== */ #slide1 { background-image: url(" /Image-Babylon/phongan-babylon2.jpg"); background-position: center; background-size: cover; width: 700px; height: 500px; } title-kichen { color: #0E0E0D; height: 200px; } title-kitchen > h1,h4 { text-align: center; padding-top: 20px; } title-kitchen:hover { background-color: #0E0E0D; color: #FFFF04; transition: 0.8s; } #title-2 { width: 300px; height: 80px; margin-left: 40%; } instruction > p { display: flex; margin: 50px; } flex-container-2 { display: flex; justify-content: left; background-color: gainsboro; } flex-container-2 > div { 242 margin: 10px; padding: 20px; } flex-container-2 > content-1 { padding: 10px; } /* -CONTACT */ title-contact { display: block; text-align: center; padding: 80px; background-color: gainsboro; } title-contact a { display: inline-block; text-decoration: none; padding: 15px 32px; background-color: #ffA500; color: #fff; cursor: pointer; transition: 0.8s; } title-contact a:hover { box-shadow: 12px 16px rgba(0,0,0,0.24),0 17px 50px rgba(0,0,0,0.19); background-color: black; color: #FFFF04; } /* -FOOTER */ footer { color: #0E0E0D; background-color: #f1f1f1; text-align: center; padding: 20px; } footer:hover { background-color: #0E0E0D; color: #FFFF04; transition: 0.8s; } 243 3.JAVASCRIPT /* -MENU CỐ ĐỊNH - SCROLL */ window.addEventListener("scroll",function(){ window.addEventListener("scroll",function(){ var header = document.querySelector('header'); //class header chuyển đổi thành tên[class = "sticky"] cuộn header.classList.toggle("sticky",window.scrollY > 0) }) }) /* -SECTION - SLIDESHOW DOTS */ var slideIndex = 1; showSlides(slideIndex); function plusSlides(n) { showSlides(slideIndex += n); } function currentSlide(n) { showSlides(slideIndex = n); } function showSlides(n) { var i; var slides = document.getElementsByClassName("mySlides"); var dots = document.getElementsByClassName("dot"); if (n > slides.length) {slideIndex = 1} if (n < 1) {slideIndex = slides.length} for (i = 0; i < slides.length; i++) { slides[i].style.display = "none"; } for (i = 0; i < dots.length; i++) { dots[i].className = dots[i].className.replace(" active", ""); } slides[slideIndex-1].style.display = "block"; dots[slideIndex-1].className += " active"; } /* -CHANGE- IMAGE */ // Slide: changeImage() 244 let i=0; let images = [" /Image-Babylon/phongan-babylon1.jpg", " /Image-Babylon/phongan-babylon2.jpg", " /Image-Babylon/phongan-babylon3.jpg"] function changeImage() { document.getElementById("slide1").src = images[i]; if (i < images.length - 1) { i++; } else (i = 0) setTimeout("changeImage()", 4000); } TÀI LIỆU THAM KHẢO https://www.w3schools.com/ https://www.youtube.com/channel/UCe_9Rg_DRPOxfl1gHaO0-SA https://www.youtube.com/channel/UCbwXnUipZsLfUckBPsC7Jog 245 ... Việt Nam có xu hướng phát triển mạnh nên việc xây dựng sàn giao dịch thông tin bất động sản trực tuyến thiết thực thị trường bất động sản, Sàn giao dịch thông tin bất động sản trực tuyến trở thành... lựa chọn cho riêng Vì mà nhóm em chọn đề tài “ XÂY DỰNG WEBSITE BẤT ĐỘNG SẢN ” hỵ vọng đem lại lựa chọn tốt để xây dựng sàn giao dịch thông tin bất động sản trực tuyến phong phú thông tin, thuận... 10 JavaScript ? .10 Bạn cần biết gì: 10 Làm để thêm JavaScript website bạn? 10 CHƯƠNG II: PHÂN TÍCH ĐỀ TÀI WEBSITE BẤT ĐỘNG SẢN (BABYLON