<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Syrup - Free Bootstrap 4 Coming Soon Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--Bootstrap 4-->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/animate.css/3.5.2/animate.min.css">
<!--icons-->
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" />
<link rel="stylesheet" href="js/countdown/jquery.countdown.css" />
</head>
<body>
<!--hero section-->
<section class="bg-white hero p-0">
<div class="container-fluid">
<div class="row">
<div class="col-sm-5 bg-light text-center col-fixed">
<h1 class="pt-4 h2"><span class="text-green">Syrup.</span></h1>
<h3>Digital Design Agency</h3>
<p class="mt-4">
We build beautiful things for <br/>creative people.
</p>
<div class="launch-text">We're launching soon.</div>
<ul id="timer">
<li><span class="days">00</span><p class="days_text">Days</p></li>
<li class="seperator">:</li>
<li><span class="hours">00</span><p class="hours_text">Hours</p></li>
<li class="seperator">:</li>
<li><span class="minutes">00</span><p class="minutes_text">Minutes</p></li>
<li class="seperator">:</li>
<li><span class="seconds">00</span><p class="seconds_text">Seconds</p></li>
</ul>
</div>
<div class="col-sm-7 offset-sm-5 px-0 py-5">
<!--Why This Domain-->
<section class="pt-4">
<div class="container-fluid">
<div class="row">
<div class="col-sm-8 mx-auto text-center">
<h2 class="text-primary pb-3">About Us</h2>
<p class="text-muted">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
</p>
</div>
</div>
<div class="row d-md-flex mt-4">
<div class="col-sm-4 mt-2 text-center">
<p><em class="ion-code-working icon-md text-primary"></em></p>
<h4>Web Design</h4>
<p class="text-muted">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</div>
<div class="col-sm-4 mt-2 text-center">
<p><em class="ion-ios-photos-outline icon-md text-primary"></em></p>
<h4>Digital Branding</h4>
<p class="text-muted">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</div>
<div class="col-sm-4 mt-2 text-center">
<p><em class="ion-help-buoy icon-md text-primary"></em></p>
<h4>24/7 Support</h4>
<p class="text-muted">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</div>
</div>
</div>
</section>
<!--team-->
<section id="team">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-8 mx-auto text-center">
<h2 class="text-primary pb-3">Our Team</h2>
<p class="text-muted">
We're a team of three people.
</p>
</div>
</div>
<div class="row d-md-flex mt-4 text-center">
<div class="col-sm-4 mt-2 wow fadeInLeft">
<div class="card border-none">
<div class="card-body">
<img src="img/team-1.jpg" alt="Male" class="img-team img-fluid rounded-circle"/>
<h5 class="card-title pt-4">John Deo</h5>
<p class="card-text text-muted">App Designer</p>
</div>
</div>
</div>
<div class="col-sm-4 mt-2 wow fadeIn">
<div class="card border-none">
<div class="card-body">
<img src="img/team-2.jpg" alt="Male" class="img-team img-fluid rounded-circle"/>
<h5 class="card-title pt-4">Brandon Lee</h5>
<p class="card-text text-muted">Ionic Developer</p>
</div>
</div>
</div>
<div class="col-sm-4 mt-2 wow fadeInRight">
<div class="card border-none">
<div class="card-body">
<img src="img/team-3.jpg" alt="Male" class="img-team img-fluid rounded-circle"/>
<h5 class="card-title pt-4">Inza Fererri</h5>
<p class="card-text text-muted">Android Developer</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!--contact-->
<section class="p-0" id="contact">
<div class="container">
<div class="row d-md-flex text-primary text-center">
<div class="col-sm-4 p-5">
<p><em class="ion-ios-telephone-outline icon-md"></em></p>
<h5>+92 5456 87595</h5>
</div>
<div class="col-sm-4 p-5">
<p><em class="ion-ios-email-outline icon-md"></em></p>
<h5>hi@syrup.io</h5>
</div>
<div class="col-sm-4 p-5">
<p><em class="ion-ios-location-outline icon-md"></em></p>
没有合适的资源?快使用搜索试试~ 我知道了~
简约设计机构上线倒计时模板-适配移动端&PC端-HTML网站源码.zip
共14个文件
jpg:6个
css:3个
scss:2个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 124 浏览量
2024-03-31
13:26:36
上传
评论
收藏 224KB ZIP 举报
温馨提示
这套HTML源代码文件为您呈现了一个完整的网页模板,适用于各类网站开发需求。它采用了前沿的HTML5和CSS3技术,实现了响应式设计,能够无缝适配各种设备的屏幕尺寸。此外,它还内置了丰富的JavaScript插件,助您轻松实现各种复杂的交互效果。这套源代码文件具有极高的可定制性,您可以根据您的项目需求,对页面布局、颜色和内容进行个性化调整,轻松打造出独具特色的网站。同时,我们的代码结构清晰、注释详细,便于您学习和掌握HTML、CSS和JavaScript等前端技术。无论您是面临课程设计、毕业设计等学术挑战,还是希望在职业发展中展示自己的才华和技能,这套源代码文件都将成为您的得力助手。通过使用这套源代码文件,您将轻松完成网站搭建任务,为您的课程设计或毕业设计增添独特亮点。总之,这套HTML源代码文件是一个高效、实用且易于上手的工具,无论您是专业的网页设计师,还是业余的编程爱好者,都值得一试。
资源推荐
资源详情
资源评论
收起资源包目录
简约设计机构上线倒计时模板-适配移动端&PC端-HTML网站源码.zip (14个子文件)
简约设计机构上线倒计时模板-适配移动端&PC端-HTML网站源码
html
js
countdown
jquery.countdown.css 382B
jquery.countdown.min.js 1KB
scripts.js 393B
img
gallery-2.jpg 12KB
gallery-1.jpg 32KB
team-3.jpg 25KB
team-1.jpg 42KB
male.jpg 42KB
team-2.jpg 18KB
css
bootstrap.min.css 126KB
bootstrap.css 161KB
_variables.scss 21KB
_custom.scss 5KB
index.html 9KB
共 14 条
- 1
资源评论
DTcode7
- 粉丝: 3597
- 资源: 4071
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功