基于HTML+CSS+JS开发的网站-思维拓展会议活动网页模板.7z资源-CSDN文库

共73个文件

jpg：30个

js：13个

png：13个

HTML

JavaScript

源码

web

需积分: 5 163 浏览量 2024-07-29 11:37:15 上传评论收藏 2.75MB 7Z 举报

资源推荐

资源详情

资源评论

收起资源包目录

基于HTML+CSS+JS开发的网站-思维拓展会议活动网页模板.7z （73个子文件）

[web前端]&[课程设计]&[网站源码]-思维拓展会议活动网页模板

html

assets

form-validator.min.js 6KB

wow.js 6KB

bootstrap.min.js 48KB

jquery.easing.min.js 5KB

nivo-lightbox.js 14KB

main.js 3KB

popper.min.js 19KB

jquery.slicknav.js 16KB

jquery-min.js 82KB

contact-form-script.min.js 2KB

jquery.nav.js 5KB

jquery.countdown.min.js 5KB

scrolling-nav.js 655B

img

about

about.jpg 160KB

img2.jpg 23KB

img1.jpg 11KB

img3.jpg 19KB

team

team-02.jpg 90KB

team-05.jpg 86KB

team-06.jpg 65KB

team-04.jpg 151KB

team-01.jpg 98KB

team-03.jpg 50KB

art

a2.jpg 23KB

a1.jpg 42KB

logo.png 1KB

logo.psd 68KB

gallery

img-1.jpg 23KB

img-6.jpg 27KB

img-5.jpg 29KB

img-4.jpg 34KB

img-2.jpg 21KB

img-3.jpg 39KB

blog

img-1.jpg 10KB

img-2.jpg 15KB

img-3.jpg 9KB

location.png 776B

testimonial

img3.png 13KB

img4.png 14KB

img2.png 13KB

img1.png 14KB

img6.png 15KB

img5.png 13KB

speaker

speakers-3.jpg 13KB

speakers-2.jpg 4KB

speakers-4.jpg 15KB

speakers-1.jpg 15KB

slider

slide2.jpg 219KB

slide1.jpg 157KB

slide3.jpg 533KB

background

bg-pricing.jpg 109KB

bg-1.jpg 148KB

countdown.png 7KB

sponsors

logo-01.png 3KB

logo-02.png 16KB

logo-04.png 5KB

logo-03.png 6KB

css

bootstrap.min.css 141KB

main.map 86KB

responsive.map 13KB

main.css 43KB

slicknav.css 3KB

nivo-lightbox.css 6KB

colors

blue.css 3KB

responsive.css 4KB

animate.css 56KB

fonts

line-icons.css 14KB

LineIcons.eot 99KB

LineIcons.ttf 144KB

LineIcons.css 31KB

LineIcons.woff 144KB

LineIcons.svg 560KB

index.html 51KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Grand - Event and Conference Template</title> <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="assets/fonts/LineIcons.css"> <link rel="stylesheet" type="text/css" href="assets/css/nivo-lightbox.css"> <link rel="stylesheet" type="text/css" href="assets/css/animate.css"> <link rel="stylesheet" type="text/css" href="assets/css/main.css"> <link rel="stylesheet" type="text/css" href="assets/css/responsive.css"> </head> <body> <header id="header-wrap"> <div class="navigation"> <div class="container"> <nav class="navbar navbar-expand-lg"> <a class="navbar-brand" href="index.html"> <img src="assets/img/logo.png" alt="Logo"> </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="toggler-icon"></span> <span class="toggler-icon"></span> <span class="toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav ml-auto"> <li class="nav-item active"> <a class="page-scroll" href="#header-wrap">Home</a> </li> <li class="nav-item"> <a class="page-scroll" href="#about">About</a> </li> <li class="nav-item"> <a class="page-scroll" href="#schedules">schedules</a> </li> <li class="nav-item"> <a class="page-scroll" href="#gallery">Gallery</a> </li> <li class="nav-item"> <a class="page-scroll" href="#faq">Faq</a> </li> <li class="nav-item"> <a class="page-scroll" href="#sponsors">Sponsors</a> </li> <li class="nav-item"> <a class="page-scroll" href="#pricing">pricing</a> </li> <li class="nav-item"> <a class="page-scroll" href="#google-map-area">Contact</a> </li> </ul> </div> </nav> </div> </div> <div id="main-slide" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#main-slide" data-slide-to="0" class="active"></li> <li data-target="#main-slide" data-slide-to="1"></li> <li data-target="#main-slide" data-slide-to="2"></li> </ol> <div class="carousel-inner"> <div class="carousel-item active" style="background-image: url(assets/img/slider/slide1.jpg);"> <div class="carousel-caption"> <div class="container"> <div class="row"> <div class="col-lg-12"> <p class="fadeInUp wow" data-wow-delay=".6s">Global Grand Event on Digital Design</p> <h1 class="wow fadeInDown heading" data-wow-delay=".4s">Design Thinking Conference</h1> <a href="#" class="fadeInLeft wow btn btn-common btn-lg" data-wow-delay=".6s">Get Ticket</a> <a href="#" class="fadeInRight wow btn btn-border btn-lg" data-wow-delay=".6s">Explore More</a> </div> </div> </div> </div> </div> <div class="carousel-item" style="background-image: url(assets/img/slider/slide2.jpg);"> <div class="carousel-caption"> <div class="container"> <div class="row"> <div class="col-lg-12"> <p class="fadeInUp wow" data-wow-delay=".6s">Global Grand Event on Digital Design</p> <h1 class="wow bounceIn heading" data-wow-delay=".7s">22 Amazing Speakers</h1> <a href="#" class="fadeInUp wow btn btn-border btn-lg" data-wow-delay=".8s">Learn More</a> </div> </div> </div> </div> </div> <div class="carousel-item" style="background-image: url(assets/img/slider/slide3.jpg);"> <div class="carousel-caption"> <div class="container"> <div class="row"> <div class="col-lg-12"> <p class="fadeInUp wow" data-wow-delay=".6s">Global Grand Event on Digital Design</p> <h1 class="wow fadeInUp heading" data-wow-delay=".6s">Book Your Seat Now!</h1> <a href="#" class="fadeInUp wow btn btn-common btn-lg" data-wow-delay=".8s">Explore</a> </div> </div> </div> </div> </div> </div> <a class="carousel-control-prev" href="#main-slide" role="button" data-slide="prev"> <span class="carousel-control" aria-hidden="true"><i class="lni-chevron-left"></i></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#main-slide" role="button" data-slide="next"> <span class="carousel-control" aria-hidden="true"><i class="lni-chevron-right"></i></span> <span class="sr-only">Next</span> </a> </div> </header> <section class="countdown-timer section-padding"> <div class="container"> <div class="row text-center"> <div class="col-md-12 col-sm-12 col-xs-12"> <div class="heading-count"> <h2 class="wow fadeInDown" data-wow-delay="0.2s">Event Will Start In</h2> </div> </div> <div class="col-md-12 col-sm-12 col-xs-12"> <div class="row time-countdown justify-content-center wow fadeInUp" data-wow-delay="0.2s"> <div id="clock" class="time-count"></div> </div> <a href="pricing.html" class="btn btn-common wow fadeInUp" data-wow-delay="0.3s">Add to My Calender</a> </div> </div> </div> </section> <section id="services" class="services section-padding"> <div class="container"> <div class="row"> <div class="col-12"> <div class="section-title-header text-center"> <h1 class="section-title wow fadeInUp" data-wow-delay="0.2s">Why You Choose Us?</h1> <p class="wow fadeInDown" data-wow-delay="0.2s">Global Grand Event on Digital Design</p> </div> </div> </div> <div class="row services-wrapper"> <div class="col-md-6 col-lg-4 col-xs-12 padding-none"> <div class="services-item wow fadeInDown" data-wow-delay="0.2s"> <div class="icon"> <i class="lni-heart"></i> </div> <div class="services-content"> <h3><a href="#">Get Inspired</a></h3> <p>Lorem ipsum dolor sit amet, consectetuer commodo ligula eget dolor.</p> </div> </div> </div> <div class="col-md-6 col-lg-4 col-xs-12 padding-none"> <div class="services-item wow fadeInDown" data-wow-delay="0.4s"> <div class="icon"> <i class="lni-gallery"></i> </div> <div class="services-content"> <h3><a href="#">Meet New Faces</a></h3> <p>Lorem ipsum dolor sit amet, consectetuer commodo ligula eget dolor.</p> </div> </div> </div> <div class="col-md-6 col-lg-4 col-xs-12 padding-none"> <div class="services-item wow fadeInDown" data-wow-delay="0.6s"> <div class="icon"> <i class="lni-envelope"></i> </div> <div class="services-content"> <h3><a href="#">Fresh Tech Insights</a></h3> <p>Lorem ipsum dolor sit amet, consectetuer commodo ligula eget dolor.</p> </div> </div> </div> <div class="col-md-6 col-lg-4 col-xs-12 padding-none"> <div class="services-item wow fadeInDown" data-wow-delay="0.8s"> <div class="icon"> <i class="lni-cup"></i> </div> <div class="services-content"> <h3><a href="#">Networking Session</a></h3> <p>Lorem ipsum dolor sit amet, consectetuer commodo ligula eget dolor.</p> </div> </div> </div> <div class="col-md-6 col-lg-4 col-xs-12 padding-none"> <div class="services-item wow fadeInDown" data-wow-delay="1s"> <div class="icon"> <i class="lni-user"></i> </div> <div class="services-content"> <h3><a href="#">Global Event</a></h3> <p>Lorem ipsum dolor sit amet, consectetuer commodo ligula eget dolor.</p> </div> </div> </div> <div class="col-md-6 col-lg-4 col-xs-12 padding-none"> <div class="services-item wow fadeInDown" data-wow-delay="1.2s"> <div class="icon"> <i class="lni-bubble"></i> </div> <div class="services-content"> <h3><a href="#">Free Swags</a></h3> <p>Lorem ipsum dolor sit amet, consectetuer commodo ligula eget dolor.</p> </div> </div> </div> </div> </div> </section> <section id="about" class="section-padding"> <div class="container"> <div class="row"> <div class="col-12"> <div class="section-title-header text-center"> <h1 class="section-title wow fadeInUp" data-wow-delay="0.2s">About This Events</h1> <p class="wow fadeInDown" data-wow-delay="0.2s">Global Grand Event on Digital Design</p> </div> </div> </div> <div class="row"> <div class="col-xs-12 col-md-6 col-lg-4"> <div class="about-item"

评论收藏

内容反馈