<!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>Gariox</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">
<!-- font family -->
<link href="https://fonts.googleapis.com/css?family=Lato:400,700|Raleway:400,700&display=swap" rel="stylesheet">
<!-- 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://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css" media="screen">
</head>
<body>
<!-- svg section start -->
<div class="svg_section_main">
<div class="banner_bg">
<img src="images/banner-bg.png">
</div>
<!--header section start -->
<div class="header_section">
<div class="container">
<div class="main">
<div class="logo"><a href="index.html"><img src="images/logo.png"></a></div>
<div class="menu_text">
<ul>
<div class="togle_">
<div class="menu_main">
<ul>
<li><img src="images/user-icon.png"></li>
<li><a href="#">login</a></li>
</ul>
</div>
<div class="shoping_bag"><img src="images/search-icon.png"></div>
</div>
<div id="myNav" class="overlay">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<div class="overlay-content">
<a href="#index.html">Home</a>
<a href="#services.html">Services</a>
<a href="#about.html">About</a>
<a href="#stories.html">Stories</a>
<a href="#team.html">Team</a>
<a href="#contact.html">Contact Us</a>
</div>
</div>
<span class="navbar-toggler-icon"></span>
<span onclick="openNav()"><img src="images/toggle-icon.png" class="toggle_menu"></span>
</ul>
</div>
</div>
</div>
</div>
<!-- header section end -->
<!-- banner section start -->
<div class="banner_section layout_padding">
<div class="container">
<div class="row">
<div class="col-md-6">
<h1 class="banner_taital">Launch <br>Your App <br>with creativity</h1>
<p class="banner_text">It is a long established fact that a reader will be distracted by the readable content </p>
<div class="btn_main">
<div class="contact_bt_1"><a href="#"><span class="contact_padding"><img src="images/plus-icon.png"></span>Discover</a></div>
<div class="contact_bt active"><a href="contact.html">Contact Now</a></div>
</div>
</div>
<div class="col-md-6">
<div><img src="images/banner-img.png" class="image_1"></div>
</div>
</div>
</div>
</div>
<!-- banner section end -->
<!-- services section start -->
<div id="services.html" class="services_section layout_padding">
<div class="container">
<h1 class="services_taital">Services</h1>
<p class="services_text">It is a long established fact that a reader will be distracted by the readable content </p>
</div>
</div>
<div class="services_section_2">
<div class="container">
<div class="box_section_main">
<div class="box_main">
<div class="images_1"><img src="images/img-1.png"></div>
<h4 class="power_full_text">Powerfull System</h4>
<p class="dummy_text">It is a long established fact that a reader</p>
<div class="read_bt active"><a href="#">Read More</a></div>
</div>
<div class="box_main">
<div class="images_1"><img src="images/img-2.png"></div>
<h4 class="power_full_text">Powerfull System</h4>
<p class="dummy_text">It is a long established fact that a reader</p>
<div class="read_bt"><a href="#">Read More</a></div>
</div>
<div class="box_main">
<div class="images_1"><img src="images/img-3.png"></div>
<h4 class="power_full_text">Powerfull System</h4>
<p class="dummy_text">It is a long established fact that a reader</p>
<div class="read_bt"><a href="#">Read More</a></div>
</div>
<div class="box_main">
<div class="images_1"><img src="images/img-4.png"></div>
<h4 class="power_full_text">Powerfull System</h4>
<p class="dummy_text">It is a long established fact that a reader</p>
<div class="read_bt"><a href="#">Read More</a></div>
</div>
<div class="box_main">
<div class="images_1"><img src="images/img-5.png"></div>
<h4 class="power_full_text">Powerfull System</h4>
<p class="dummy_text">It is a long established fact that a reader</p>
<div class="read_bt"><a href="#">Read More</a></div>
</div>
</div>
</div>
</div>
<!-- services section end -->
<!-- about section start -->
<div id="about.html" class="about_section layout_padding">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="about_taital_main">
<h1 class="about_taital">About Us</h1>
<p class="about_text">It is a long established fact that a reader will be e readable content</p>
<div class="read_bt_1"><a href="#">Read More</a></div>
</div>
</div>
<div class="col-md-8">
<div class="images_main">
<div class="mobile_img1"><img src="image
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
这套HTML源代码文件是一个完整的网页模板,适用于各种类型的网站。它采用了最新的HTML5和CSS3技术,具有响应式设计,能够适应不同设备的屏幕尺寸。此外,它还包含了丰富的JavaScript插件,可以实现各种复杂的交互效果。这套源代码文件还具有高度的可定制性。您可以根据自己的需求对页面进行布局调整、颜色更改以及内容替换,轻松打造出符合您项目风格的网站。同时,我们的代码结构清晰、注释详细,方便您学习和理解HTML、CSS和JavaScript等前端技术。您可能面临着课程设计、毕业设计等挑战。这套源代码文件将成为您的得力助手,帮助您展示自己的才华和技能。通过使用这套源代码文件,您可以轻松地完成网站搭建任务,为您的课程设计或毕业设计增添亮点。总的来说,这套HTML源代码文件是一个高效、实用、易用的工具,无论你是专业的网页设计师,还是业余的编程爱好者,都值得拥有。
资源推荐
资源详情
资源评论
收起资源包目录
APP创意功能服务展示网页模板-适配移动端设备-HTML网页源码.zip (78个子文件)
APP创意功能服务展示网页模板-适配移动端设备-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
css
style.css 20KB
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 12KB
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 22KB
images
quote-icon.png 1KB
search-icon.png 1KB
fb-icon.png 1KB
img-4.png 3KB
img-3.png 3KB
round-icon1.png 2KB
img-5.png 4KB
logo.png 3KB
icon-2.png 2KB
mail-icon.png 1KB
map-icon.png 1KB
mobile-img-1.png 15KB
icon-1.png 1KB
plus-icon.png 1KB
mobile-img-2.png 17KB
twitter-icon.png 1KB
instagram-icon.png 2KB
toggle-icon.png 1023B
footer-bg.png 40KB
img-6.png 38KB
user-icon.png 1KB
footer-logo.png 2KB
img-7.png 39KB
round-icon2.png 2KB
img-2.png 2KB
linkedin-icon.png 1KB
img-1.png 3KB
banner-img.png 87KB
banner-bg.png 54KB
img-8.png 39KB
call-icon.png 1KB
img-9.png 29KB
icon-3.png 2KB
right_arrow.png 1017B
共 78 条
- 1
资源评论
DTcode7
- 粉丝: 3w+
- 资源: 4986
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功