大学毕业季单页专题模板是一款大气简单的HTML单页网站模板下载。.rar资源-CSDN文库

共51个文件

jpg：20个

png：8个

js：6个

版权申诉

17 浏览量 2021-11-06 12:36:27 上传评论收藏 1.99MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

大学毕业季单页专题模板是一款大气简单的HTML单页网站模板下载。.rar （51个子文件）

大学毕业季单页专题模板是一款大气简单的HTML单页网站模板下载。

moban1969

bootstrap.js 66KB

jquery.flexslider.js 40KB

lightGallery.js 20KB

easing.js 5KB

move-top.js 1KB

jquery-2.1.4.min.js 82KB

css

style.css 33KB

flexslider.css 5KB

lightGallery.css 17KB

bootstrap.css 138KB

font-awesome.min.css 28KB

index.html 23KB

images

2.jpg 78KB

10.jpg 64KB

3.png 53KB

13.jpg 104KB

arrow.png 3KB

14.jpg 5KB

6.jpg 83KB

banner.jpg 147KB

15.jpg 5KB

16.jpg 5KB

1.jpg 57KB

17.jpg 5KB

men.png 3KB

1.png 49KB

12.jpg 52KB

5.jpg 36KB

6.png 3KB

8.jpg 39KB

5.png 58KB

20.jpg 49KB

4.png 79KB

18.jpg 6KB

11.jpg 78KB

19.jpg 5KB

7.jpg 44KB

2.png 39KB

9.jpg 55KB

4.jpg 105KB

fonts

FontAwesome.otf 122KB

glyphicons-halflings-regular.svg 106KB

glyphicons-halflings-regular.ttf 44KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

fontawesome-webfont.eot 75KB

glyphicons-halflings-regular.woff2 18KB

fontawesome-webfont.woff 88KB

fontawesome-webfont.woff2 70KB

fontawesome-webfont.svg 382KB

fontawesome-webfont.ttf 149KB

<!DOCTYPE html> <html lang="en"> <head> <title>Home</title>  <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="" /> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>  <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" /> <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />  <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>   <link rel="stylesheet" href="css/lightGallery.css" type="text/css" media="all" />  <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" property="" />  <link rel="stylesheet" href="css/font-awesome.min.css" />  <link href="http://fonts.googleapis.com/css?family=Cabin+Condensed:400,500,600,700" rel="stylesheet"> <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'> </head> <body>  <div class="banner"> <div class="container"> <nav class="navbar navbar-default"> <div class="navbar-header navbar-left"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <h1><a class="navbar-brand" href="index.html"><span>G</span>raduate</a></h1> </div>  <div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1"> <nav class="link-effect-3" id="link-effect-3"> <ul class="nav navbar-nav w3-agileits_home_nav"> <li class="active"> <a class="link link--yaku" href="index.html"> <span>H</span><span>o</span><span>m</span><span>e</span> </a> </li> <li> <a class="link link--yaku scroll" href="#services"> <span>S</span><span>e</span><span>r</span><span>v</span><span>i</span><span>c</span><span>e</span><span>s</span> </a> </li> <li> <a class="link link--yaku scroll" href="#about"> <span>A</span><span>b</span><span>o</span><span>u</span><span>t</span> </a> </li> <li> <a class="link link--yaku scroll" href="#gallery"> <span>g</span><span>a</span><span>l</span><span>l</span><span>e</span><span>r</span><span>y</span> </a> </li> <li> <a class="link link--yaku scroll" href="#mail"> <span>m</span><span>a</span><span>i</span><span>l</span> </a> </li> </ul> </nav> </div> </nav> <div class="w3layouts_banner_info"> <section class="wrapper agileits-w3layouts_wrapper_home"> <h2>better education for a better</h2> <div class="sentence"> <div class="popEffect"> <span>world</span> <span>world</span> <span>world</span> <span>world</span> </div> </div> </section> <div class="w3layouts_banner_info_agileits_w3layouts"> <div class="w3layouts_banner_info_left"> <ul> <li>Support <span>Advice</span></li> <li>Courses <span>Library</span></li> <li>Leaders <span>Knowledge</span></li> </ul> </div> <div class="w3layouts_banner_info_right"> <ul> <li><a href="#" class="w3_agile_facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a></li> <li><a href="#" class="agile_twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a></li> <li><a href="#" class="w3_agile_dribble"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li> <li><a href="#" class="w3_agile_vimeo"><i class="fa fa-vimeo" aria-hidden="true"></i></a></li> </ul> </div> <div class="clearfix"> </div> </div> </div> </div> </div>   <div id="about" class="banner-bottom"> <div class="container"> <div class="col-md-7 w3_agileits_banner_bottom_left"> <img src="images/1.jpg" alt=" " class="img-responsive" /> </div> <div class="col-md-3 w3_agileits_banner_bottom_right"> <div class="w3_agileits_banner_bottom_right_pos"> <h3>About Us</h3> <h4>best theme for education</h4> <p>Aenean sed lacinia tellus, ut vulputate nisi. Mauris mollis metus sit amet imperdiet egestas. Vivamus malesuada enim.</p> </div> </div> <div class="clearfix"> </div> </div> </div>   <div class="banner-text w3-agile-banner-text"> <div class="container"> <h3>Education is the most powerful weapon which you can use to change the world</h3> </div> </div>   <div class="services" id="services"> <div class="container"> <h3 class="wthree_head"><i class="fa fa-book" aria-hidden="true"></i><span>Graduate</span>Special Services</h3> <div class="agileinfo_services_grids"> <div class="col-md-4 agileinfo_services_grid"> <div class="agileinfo_services_grid_left"> <h4>Qualified Staffs</h4> </div> <div class="agileinfo_services_grid_right"> <h4>01.</h4> </div> <div class="clearfix"> </div> <p>Aliquam ex orci, dapibus eu facilisis non, scelerisque id nisl. Praesent at tincidunt nisi. Aliquam molestie sem a purus pharetra.</p> </div> <div class="col-md-4 agileinfo_services_grid"> <div class="agileinfo_services_grid_left"> <h4>Career Growth</h4> </div> <div class="agileinfo_services_grid_right"> <h4>02.</h4> </div> <div class="clearfix"> </div> <p>Aliquam ex orci, dapibus eu facilisis non, scelerisque id nisl. Praesent at tincidunt nisi. Aliquam molestie sem a purus pharetra.</p> </div> <div class="col-md-4 agileinfo_services_grid"> <div class="agileinfo_services_grid_left"> <h4>Sports & Events</h4> </div> <div class="agileinfo_services_grid_right"> <h4>03.</h4> </div> <div class="clearfix"> </div> <p>Aliquam ex orci, dapibus eu facilisis non, scelerisque id nisl. Praesent at tincidunt nisi. Aliquam molestie sem a purus pharetra.</p> </div> <div class="col-md-4 agileinfo_services_grid"> <div class="agileinfo_services_grid_left"> <h4>Useful Syllabus</h4> </div> <div class="agileinfo_services_grid_right"> <h4>04.</h4> </div> <div class="clearfix"> </div> <p>Aliquam ex orci, dapibus eu facilisis non, scelerisque id nisl. Praesent at tincidunt nisi. Aliquam molestie sem a purus pharetra.</p> </div> <div class="col-md-4 agileinfo_services_grid"> <div class="agileinfo_services_grid_left"> <h4>Award Winning</h4> </div> <div class="agileinfo_services_grid_right"> <h4>05.</h4> </div> <div class="clearfix"> </div> <p>Aliquam ex orci, dapibus eu facilisis non, scelerisque id nisl. Praesent at tincidunt nisi. Aliquam molestie sem a purus pharetra.</p> </div> <div class="col-md-4 agileinfo_services_grid"> <div class="agileinfo_services_grid_left"> <h4>Research Programs</h4> </div> <div class="agileinfo_services_grid_right"> <h4>06.</h4> </div> <div class="clearfix"> </div>

评论收藏

内容反馈

版权申诉