儿童卡通漫画展教育培训企业模板_灰色简洁儿童卡通漫画画展教育培训企业整站响应式bootstrap.rar资源-CSDN文库

共40个文件

jpg：20个

png：7个

html：6个

92 浏览量 2023-08-05 14:43:27 上传评论收藏 1.91MB RAR 举报

标题中的“儿童卡通漫画展教育培训企业模板”是一个网站设计模板，专为儿童教育和漫画展览相关的培训机构或企业设计。这个模板的特点是采用灰色调，强调简洁性，同时融入了儿童、卡通和漫画元素，旨在吸引孩子们的兴趣并提供一个专业且有趣的在线平台。模板可能包括各种页面，如首页、课程介绍、教师团队、活动展示、新闻动态等，以满足教育机构的全面需求。描述中的信息进一步强调了模板的关键特性，即响应式设计。这意味着无论用户使用何种设备（如台式机、平板电脑或手机）访问网站，都能自动调整布局，提供良好的浏览体验。Bootstrap是一个流行的前端开发框架，它简化了网页的响应式布局和交互设计，使开发者能够快速构建功能丰富的网页应用。标签部分虽然为空，但我们可以推断，该模板可能包含以下关键标签：儿童教育、卡通设计、漫画展览、网站模板、响应式设计、Bootstrap框架、用户体验（UX）、用户界面（UI）设计、图片展示、幻灯片功能以及大图展示。在压缩包的文件名称列表中，我们看到“手机图片展示幻灯大图可爱 ui”，这表明模板特别关注移动端的优化，包含了用于展示图片的模块，如幻灯片功能，可能有一个可爱的设计风格，以吸引儿童，并且整个用户界面（UI）设计注重美观和易用性。这个压缩包提供的是一种完整的网站解决方案，适合儿童教育和漫画相关的企业或组织。它利用了Bootstrap框架的响应式设计，确保在不同设备上的适应性和一致性。模板内含丰富的元素，如图片展示、幻灯片功能，以及适合儿童审美的设计，旨在提升用户体验，促进用户的互动和参与。对于那些希望快速搭建专业且吸引力强的网站的教育从业者来说，这是一个非常实用的资源。

资源推荐

资源详情

资源评论

收起资源包目录

儿童卡通漫画展教育培训企业模板_灰色简洁儿童卡通漫画画展教育培训企业整站响应式 bootstrap.rar （40个子文件）

儿童卡通漫画展教育培训企业模板_灰色简洁儿童卡通漫画画展教育培训企业整站响应式 bootstrap 手机图片展示幻灯大图可爱 ui

cpts_103_chg

responsiveslides.min.js 3KB

easing.js 5KB

move-top.js 1KB

jquery.mixitup.min.js 14KB

jquery.min.js 94KB

css

style.css 22KB

bootstrap.css 118KB

404.html 4KB

index.html 12KB

contact.html 5KB

about.html 7KB

single.html 8KB

images

ban1.jpg 171KB

pi2.jpg 7KB

sin2.jpg 72KB

sin1.jpg 36KB

menu.png 152B

pi1.jpg 5KB

si1.jpg 49KB

logo.png 4KB

back.jpg 7KB

a1.jpg 43KB

pi5.jpg 3KB

pi4.jpg 6KB

si.jpg 16KB

si2.jpg 17KB

pi7.jpg 3KB

pi3.jpg 24KB

si3.jpg 26KB

img-sprite.png 18KB

up.png 4KB

ar.png 3KB

portfolic-portfolio-theme.png 872KB

pi.jpg 6KB

ban.jpg 243KB

ab.png 29KB

sin.jpg 63KB

ban2.jpg 208KB

pi6.jpg 4KB

blog.html 9KB

<!DOCTYPE html> <html> <head> <title>Home</title> <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />  <script src="js/jquery.min.js"></script>   <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />  <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="Portfolic Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" /> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>  <link href='#css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'> <link href='#css?family=Lobster' rel='stylesheet' type='text/css'> <script type="text/javascript" src="js/move-top.js"></script> <script type="text/javascript" src="js/easing.js"></script>  <script src="js/responsiveslides.min.js"></script> <script> // You can also use "$(window).load(function() {" $(function () { // Slideshow 1 $("#slider1").responsiveSlides({ auto: true, nav: true, speed: 500, namespace: "callbacks", pager: true, }); }); </script> </head> <body>  <div class="header"> <div class="header-top"> <div class="container"> <div class="top-nav"> <span class="menu"> </span> <ul> <li class="active" ><a href="index.html" >Home </a> </li> <li><a href="about.html" data-hover="About" > About </a></li> <li><a href="404.html" data-hover=" Archives"> Archives </a></li> <li><a href="blog.html" data-hover="Blog"> Blog</a></li> <li><a href="contact.html" data-hover="Contact">Contact </a></li> </ul>  <script> $("span.menu").click(function(){ $(".top-nav ul").slideToggle(500, function(){ }); }); </script> </div> <div class="header-top-on"> <ul class="social-in"> <li><a href="#"><i> </i></a></li> <li><a href="#"><i class="tin"> </i></a></li> <li><a href="#"><i class="gmail"> </i></a></li> <li><a href="#"><i class="dribble"> </i></a></li> <li><a href="#"><i class="browser"> </i></a></li> </ul> </div> <div class="clearfix"> </div> </div> </div>  <div class="copyrights">Collect from <a href="http://www.moobnn.com/" >企业网站模板</a></div> <div class="container"> <div class="header-bottom"> <div class="logo"> <a href="index.html"><img src="images/logo.png" alt="" ></a> </div> <div class="search"> <form> <input type="text" value="Search the site..." onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = '';}" > <input type="submit" value=""> </form> </div> <div class="clearfix"> </div> </div> </div> </div>  <div class="container"> <div class="banner-top"> <div class="slider"> <ul class="rslides" id="slider1"> <li><img src="images/ban1.jpg" alt=""> </li> <li><img src="images/ban2.jpg" alt=""> </li> <li><img src="images/ban.jpg" alt=""> </li> <li><img src="images/ban2.jpg" alt=""> </li> </ul> </div> </div> </div>  <div class="content"> <div class="container"> <div class="port"> <h2>“ Welcome to the demo site for <span>Portfolic</span> WordPress portfolio theme ”</h2> <ul id="filters"> <li><span class="filter " data-filter="app card icon set see is web">All</span><label class="arrow"> </label></li> <li><span class="filter" data-filter="app"> Apps</span><label class="arrow arrow1"> </label></li> <li><span class="filter" data-filter="card"> Freebies </span><label class="arrow arrow2 "> </label></li> <li><span class="filter" data-filter="icon"> Icons </span><label class="arrow arrow3"> </label></li> <li><span class="filter" data-filter="set"> Illustrations </span><label class="arrow arrow4"> </label></li> <li><span class="filter" data-filter="see"> Logos </span><label class="arrow arrow5"> </label></li> <li><span class="filter" data-filter="is"> Websites </span><label class="arrow arrow6"> </label></li> <div class="clearfix"> </div> </ul> </div> <div id="portfoliolist"> <div class="portfolio app mix_all" data-cat="app" style="display: inline-block; opacity: 1;"> <div class="portfolio-wrapper "> <a href="single.html"> <img class="img-responsive" src="images/pi.jpg" alt="" /> </a> <div class="gir"> <h5>Giraffes</h5> <p>Loream ipsum dolor sit amet, consectetur adipiscing elit. Curabitur auctor iaculis dapibus</p> </div> </div> </div> <div class="portfolio icon mix_all" data-cat="icon" style="display: inline-block; opacity: 1;"> <div class="portfolio-wrapper"> <a href="single.html"> <img class="img-responsive" src="images/pi1.jpg" alt="" /> </a> <div class="gir"> <h5>Colorful ice Creams</h5> <p>Loream ipsum dolor sit amet, consectetur adipiscing elit. Curabitur auctor iaculis dapibus</p> </div> </div> </div> <div class="portfolio card mix_all" data-cat="card" style="display: inline-block; opacity: 1;"> <div class="portfolio-wrapper"> <a href="single.html"> <img class="img-responsive" src="images/pi2.jpg" alt="" /> </a> <div class="gir"> <h5>Interesting Faces</h5> <p>Loream ipsum dolor sit amet, consectetur adipiscing elit. Curabitur auctor iaculis dapibus</p> </div> </div> </div> <div class="portfolio set mix_all" data-cat="set" style="display: inline-block; opacity: 1;"> <div class="portfolio-wrapper "> <a href="single.html"> <img class="img-responsive" src="images/pi3.jpg" alt="" /> </a> <div class="gir"> <h5>Robots</h5> <p>Loream ipsum dolor sit amet, consectetur adipiscing elit. Curabitur auctor iaculis dapibus</p> </div> </div> </div> <div class="portfolio card mix_all" data-cat="card" style="display: inline-block; opacity: 1;"> <div class="portfolio-wrapper "> <a href="single.html"> <img class="img-responsive" src="images/pi4.jpg" alt="" /> </a> <div class="gir"> <h5>Tunic</h5> <p>Loream ipsum dolor sit amet, consectetur adipiscing elit. Curabitur auctor iaculis dapibus</p> </div> </div> </div> <div class="portfolio is mix_all" data-cat="is" style="display: inline-block; opacity: 1;"> <div class="portfolio-wrapper"> <a href="single.html"> <img class="img-responsive" src="images/pi5.jpg" alt="" /> </a> <div class="gir"> <h5>Rain Clouds</h5> <p>Loream ipsum dolor sit amet, consectetur adipiscing elit. Curabitur auctor iaculis dapibus</p> </div> </div> </div> <div class="portfolio see mix_all" data-cat="see" style="display: inline-block; opacity: 1;"> <div class="portfolio-wrapper">

评论收藏

内容反馈