<!DOCTYPE html>
<html lang="en">
<head>
<!-- basic -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- mobile metas -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<!-- site metas -->
<title>REDAT</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<!-- bootstrap css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<!-- style css -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<!-- Responsive-->
<link rel="stylesheet" href="css/responsive.css">
<!-- fevicon -->
<link rel="icon" href="images/fevicon.png" type="image/gif" />
<!-- Scrollbar Custom CSS -->
<link rel="stylesheet" href="css/jquery.mCustomScrollbar.min.css">
<!-- Tweaks for older IEs-->
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.0.3/css/font-awesome.css">
<!-- owl stylesheets -->
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css" media="screen">
</head>
<body>
<!--header section start -->
<div class="header_section">
<div class="container">
<div class="row">
<div class="col-sm-5">
<div class="menu-area">
<nav class="navbar navbar-expand-lg ">
<!-- <a class="navbar-brand" href="#">Menu</a> -->
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<i class="fa fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link active" href="index.html">Home<span class="sr-only">(current)</span></a> </li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a></li>
<li class="nav-item">
<a class="nav-link" href="service.html">Service</a></li>
<li class="#" href="#">
<a class="nav-link" href="blog.html">Blog</a></li>
<li class="nav-item" href="#">
<a class="nav-link" href="contact.html">Contact Us</a></li>
</ul>
</div>
</nav>
</div>
</div>
<div class="col-sm-2">
<div class="logo"><img src="images/logo.png"></div>
</div>
<div class="col-sm-12 col-lg-5">
<div class="email">
<ul>
<li>Call: (+71) 1234567890</li>
<li>Email: demo@gmail.com</li>
<li><img src="images/search-icon.png"></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--header section end -->
<!--banner section start -->
<div class="banner_section">
<div class="container-fluid">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="row">
<div class="col-md-6">
<div class="taital_main">
<h1 class="welcome_text">WELCOME TO</h1>
<h1 class="redat_text">REDAT <br>
REAL ESTATE</h1>
<p class="lorem_text">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are </p>
<button class="read_bt">Read More</button>
<button class="book_bt">Book Now</button>
</div>
</div>
<div class="col-md-6">
<div class="banner-bg"><img src="images/banner-bg.png"></div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row">
<div class="col-md-6">
<div class="taital_main">
<h1 class="welcome_text">WELCOME TO</h1>
<h1 class="redat_text">REDAT <br>
REAL ESTATE</h1>
<p class="lorem_text">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are </p>
<button class="read_bt">Read More</button>
<button class="book_bt">Book Now</button>
</div>
</div>
<div class="col-md-6">
<div class="banner-bg"><img src="images/banner-bg.png"></div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row">
<div class="col-md-6">
<div class="taital_main">
<h1 class="welcome_text">WELCOME TO</h1>
<h1 class="redat_text">REDAT <br>
REAL ESTATE</h1>
<p class="lorem_text">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are </p>
<button class="read_bt">Read More</button>
<button class="book_bt">Book Now</button>
</div>
</div>
<div class="col-md-6">
<div class="banner-bg"><img src="images/banner-bg.png"></div>
</div>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
<!--banner section end -->
<!--recently section start -->
<div class="recently_section layout_padding">
<div class="container">
<div class="row">
<div class="col-sm-12">
<h1 class="recently_text">Recently <span style="color: #fec413;">added</span></h1>
</div>
</div>
<div class="recently_section_2">
<div class="row">
<div class="col-sm-4">
<div><img src="images/img-1.png"></div>
<h1 class="doror_text"><span style="color: #fec413;">$</span>1000.00</h1>
<h1 class="home_text">Home</h1>
<p class="dolor_text">dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut </p>
</div>
<div class="col-sm-4">
<div><img src="images/img-2.png"></div>
<h1 class="doror_text"><span style="color: #fec413;">$</span>1000.00</h1>
<h1 class="home_text">Flat</h1>
<p class="dolor_text">dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut </p>
<div class="btn_main">
<button class="seemore_bt">See More</button>
</div>
</div>
<div class="col-sm-4">
<div><img src="images/img-3.png"></div>
<h1 class="doror_text"><span style="color: #fec413;">$</span>1000.00</h1>
<h1 class="home_text">Villa</h1>
<p class="dolor_text">dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut </p>
</div>
</div>
</div>
</
没有合适的资源?快使用搜索试试~ 我知道了~
HTML+CSS+JS+JQ+Bootstrap的黄色高端房产机构网站.7z
共64个文件
css:20个
png:16个
js:13个
0 下载量 16 浏览量
2024-07-24
16:44:53
上传
评论
收藏 5.13MB 7Z 举报
温馨提示
1. 实用性和学习价值 实践案例:这些代码通常提供实际网站构建的示例,包括布局、交互和动态效果,有助于理解理论知识在现实项目中的应用。 技术栈覆盖:包含HTML5、CSS3和现代JavaScript(如ES6+),紧跟Web开发趋势,帮助学习者掌握最新技术。 2. 易于理解和修改 清晰的结构:良好的代码组织和注释,便于初学者理解代码逻辑和功能实现。 模块化设计:代码可能采用模块化方式编写,使得部分功能可以轻松地被提取或替换,适合个性化定制。 3. 兼容性和响应式设计 跨浏览器兼容:确保网站在不同浏览器中表现一致,提高用户体验。 响应式布局:适应各种设备屏幕尺寸,从桌面到移动设备,提供无缝的视觉体验。 4. 性能优化 加载速度:优化图像和脚本,减少HTTP请求,提升页面加载速度。 代码压缩:使用Gzip等方法压缩文件大小,加快数据传输。 5. 互动和动画 用户交互:利用JavaScript创建动态表单验证、下拉菜单等,增强用户参与度。 动画效果:通过CSS3或JavaScript实现平滑过渡和动画,增加视觉吸引力。
资源推荐
资源详情
资源评论
收起资源包目录
HTML+CSS+JS+JQ+Bootstrap的黄色高端房产机构网站.7z (64个子文件)
【web课设】黄色高端房产机构网站-HTML源码
html
js
bootstrap.js 120KB
bootstrap.bundle.js.map 351KB
modernizer.js 141KB
jquery.mCustomScrollbar.concat.min.js 44KB
bootstrap.bundle.min.js.map 287KB
jquery-3.0.0.min.js 11KB
bootstrap.min.js 49KB
jquery.validate.js 48KB
popper.min.js 19KB
bootstrap.bundle.min.js 69KB
bootstrap.bundle.js 206KB
bootstrap.js.map 208KB
plugin.js 897KB
custom.js 9KB
slider-setting.js 3KB
jquery.min.js 85KB
bootstrap.min.js.map 172KB
service.html 8KB
css
style.css 12KB
bootstrap-grid.css.map 95KB
bootstrap.min.css 137KB
bootstrap-grid.css 37KB
bootstrap-grid.min.css.map 67KB
bootstrap-reboot.min.css.map 25KB
icomoon.css 28KB
responsive.css 10KB
normalize.css 7KB
default-skin.css 11KB
meanmenu.css 4KB
bootstrap.css.map 415KB
jquery-ui.css 35KB
slick.css 2KB
bootstrap.css 169KB
font-awesome.min.css 30KB
bootstrap-reboot.css 5KB
jquery.fancybox.min.css 14KB
bootstrap-reboot.css.map 58KB
jquery.mCustomScrollbar.min.css 42KB
animate.min.css 52KB
owl.carousel.min.css 3KB
bootstrap-grid.min.css 28KB
bootstrap.min.css.map 545KB
bootstrap-reboot.min.css 4KB
nice-select.css 4KB
index.html 15KB
contact.html 7KB
about.html 7KB
images
search-icon.png 1KB
arrow-2.png 1KB
img-3.png 150KB
logo.png 1KB
left-quote-icon.png 2KB
costomer-img.png 140KB
right-arrow.png 1KB
footer-logo.png 5KB
header-bg.png 62KB
about-bg.png 646KB
img-2.png 279KB
contact-bg.png 1.22MB
img-1.png 153KB
banner-bg.png 1.7MB
arrow-1.png 1KB
left-aero.png 1KB
blog.html 9KB
共 64 条
- 1
资源评论
master_chenchengg
- 粉丝: 1w+
- 资源: 2157
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- (源码)基于SimPy和贝叶斯优化的流程仿真系统.zip
- (源码)基于Java Web的个人信息管理系统.zip
- (源码)基于C++和OTL4的PostgreSQL数据库连接系统.zip
- (源码)基于ESP32和AWS IoT Core的室内温湿度监测系统.zip
- (源码)基于Arduino的I2C协议交通灯模拟系统.zip
- coco.names 文件
- (源码)基于Spring Boot和Vue的房屋租赁管理系统.zip
- (源码)基于Android的饭店点菜系统.zip
- (源码)基于Android平台的权限管理系统.zip
- (源码)基于CC++和wxWidgets框架的LEGO模型火车控制系统.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功