HTML期末大作业~ 学生HTML个人网页作业作品下载 个人主页博客网页设计制作 大学生个人网站作业模板 简单个人网页制作,HTML网页设计结课作业
<html><!DOCTYPE html>
<head id="Head">
<script type="text/javascript">var allpane = 'topAreaA|headerAreaA|mainArea|footerAreaA|bottomAreaA|fixedBottomArea|fixed-left|fixed-right|popup-area';</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta id="MetaAuthor" name="AUTHOR" content="家教教育培训响应式模板(自适应手机端)" />
<meta name="author" content="order by dede58.com" />
<title>我不是药神响应式模板(自适应手机端)</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta http-equiv="PAGE-ENTER" content="RevealTrans(Duration=0,Transition=1)" />
<link id="qhddefaultcontent9673_css" rel="stylesheet" type="text/css" href="style/qhdcontent.css" />
<link id="_Portals__default_Skins_Tutor1_Html_css_content_css" rel="stylesheet" type="text/css" href="style/content.css" />
<link id="_Portals__default_Skins_Tutor1_Html_css_menu_css" rel="stylesheet" type="text/css" href="style/menu.css" />
<link id="_Portals__default_Skins_Tutor1_Html_css_jquery_fancybox_1_3_4_css" rel="stylesheet" type="text/css" href="style/jquery.fancybox-1.3.4.css" />
<link id="_Portals__default_Skins_Tutor1_Html_css_pgwslideshow_css" rel="stylesheet" type="text/css" href="style/pgwslideshow.css" />
<link id="_Portals__default_Skins_Tutor1_Html_css_animate_min_css" rel="stylesheet" type="text/css" href="style/animate.min.css" />
<link id="_Portals__default_Skins_Tutor1_Html_css_style_css" rel="stylesheet" type="text/css" href="style/style.css" />
<link id="_Portals__default_Skins_Tutor1_Html_css_style_blue_css" rel="stylesheet" type="text/css" href="style/style-blue.css" />
<!--[if lt IE 9]>
<script src="js//skin/js/html5.js"></script>
<![endif]--><!--[if IE 6]>
<script type="text/javascript" src="js/js/skin/js/ie7.js"></script>
<script type="text/javascript" src="js/js/skin/js/dd_belatedpng.js"></script>
<script type="text/javascript">
DD_belatedPNG.fix('.top img, .footer img, .bottom img, .form-btn, .module-icon-default');
</script>
<![endif]-->
<meta content="width=device-width, initial-scale=1.0, user-scalable=no" name="viewport">
</head>
<!-- 外部样式 -->
<body class="font-zh-CN" style="">
<script src="js/a1portalcore.js" type="text/javascript"></script><script src="js/a1portal.js" ></script><script src="js/jquery-1.7.2.min.js" ></script><script src="js/superfish.js" ></script><script src="js/jquery.caroufredsel.js" ></script><script src="js/jquery.touchswipe.min.js" ></script><script src="js/jquery.tools.min.js" ></script><script src="js/jquery.fancybox-1.3.4.pack.js" ></script><script src="js/pgwslideshow.min.js" ></script><script src="js/jquery.fixed.js" ></script><script src="js/cloud-zoom.1.0.2.min.js" ></script><script src="js/device.min.js" ></script><script src="js/html5media-1.2.js" ></script><script src="js/animate.min.js" ></script><script src="js/isotope.pkgd.min.js" ></script><script src="js/custom.js" ></script>
<div id="wrapper" class="home-page"><!-- ==================== S top ==================== -->
<header class="top header-v1 desktops-section default-top"><!-- S top-main -->
<div class="top-main">
<div class="page-width clearfix">
<div class="logo" skinobjectzone="HtmlLogo_408"><a href="index.htm" ><img src="images/ys.png" alt="家教教育培训响应式模板(自适应手机端)" /></a></div>
<!-- end of logo -->
<div class="top-main-content float-right">
<div class="top-main-content-section float-right clearfix"><!-- S language --><!-- E language -->
<div id="a1portalSkin_topAreaA" class="top-widget float-right"><!-- Start_Module_216339 --><a name="26305" id="26305"></a>
<div class="module-default module-no-margin">
<div class="module-inner">
<div id="a1portalSkin_ctr216339216339_mainArea" class="module-content"><!-- Start_Module_216339 -->
<div class="qhd-content">
<p> <span style="color:#3869b3;"><span style="font-size:16px;">咨询热线:400-123-4567 </span></span><span style="color:#808080;"><span style="font-size:16px;"> | <a href="#">腾讯微博</a> | <a href="#" >新浪微博</a></span></span></p>
</div>
<!-- End_Module_216339 --></div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<!-- S nav -->
<nav class="nav">
<div class="main-nav clearfix" skinobjectzone="menu_701">
<ul class="sf-menu">
<li class='current' ><a class="first-level" href="index.htm" target=""><strong>首页</strong></a><i></i></li>
<li class=""><a class="first-level" href="index-1.htm" target=""><strong>角色介绍</strong></a><i></i>
<ul class="">
</ul>
</li><li class=""><a class="first-level" href="index-2.htm" target=""><strong>获奖记录</strong></a><i></i>
<ul class="">
</ul>
</li><li class=""><a class="first-level" href="index-3.htm" target=""><strong>电影评价</strong></a><i></i>
<ul class="">
<li class=""><a class="" href="#" target=""><strong>电影评价</strong></a></li><li class=""><!--<a class="" href="#" target=""><strong>电影评价视频</strong></a></li><li class=""><a class="" href="#" target=""><strong>试题练习</strong></a></li><li class=""><a class="" href="#" target=""><strong>大学公开课</strong></a>--></li>
</ul>
</li><li class=""><!--<a class="first-level" href="index-4.htm" target=""><strong>新闻资讯</strong></a>--><i></i>
<ul class="">
<li class=""><a class="" href="index-4.htm" target=""><strong>公司新闻</strong></a></li><li class=""><a class="" href="index-9.htm" target=""><strong>行业动态</strong></a></li><li class=""><a class="" href="index-10.htm" target=""><strong>视频中心</strong></a></li>
</ul>
</li><li class=""><!--<a class="first-level" href="index-5.htm" target=""><strong>联系我们</strong></a>--></li>
<ul class="">
</ul>
</li>
</ul>
</div>
</nav>
<!-- E nav--></div>
</div>
</div>
<!-- E top-main -->
<div class="clear"></div>
</header>
<!-- S touch-top-wrapper -->
<div class="touch-top mobile-section clearfix">
<div class="touch-top-wrapper clearfix">
<div class="touch-logo" skinobjectzone="HtmlLogo_1554"><a class="" href="index.htm" ><img src="images/0b175d61-194a-4663-b646-1d55fb6e11d2_0_60.png" alt="家教教育培训响应式模板(自适应手机端)" /></a></div>
<!-- S touch-navigation -->
<div class="touch-navigation">
<div class="touch-toggle">
<ul>
<li class="touch-toggle-item-last"><a href="javascript:;" class="drawer-menu" data-drawer="drawer-section-menu"><i class="touch-icon-menu"></i><span>导航</span></a></li>
</ul>
</div>
</div>
<!-- E touch-navigation --></div>
<!-- S touch-top -->
<div class="touch-toggle-content touch-top-home">
<div class="drawer-section drawer-section-language">
<ul class="touch-language clearfix" skinobjectzone="HtmlLanguage_1819">
<li><a href="index.htm" >中文简体</a></li>
</ul>
</div>
<div class="drawer-section drawer-section-menu">
<div class="touch-menu" skinobjectzone="menu_2037">
<ul>
<li><a href="index.htm" ><span>首页</span></a></li>
<li><a href="index-1.htm" ><span>家长端</span></a></li><li><a href="index-2.htm" ><span>老师端</span></a></li>
<li><a href="javascript:;"><span>关于我们</span><i class="touch-arrow-down"></i></a>
<ul>
<li><a href="index-3.htm" ><span>公司介绍</span></a></li>
<li><a href="index-6.htm" ><span>企业文化</span></a></li>
<li><a href="index-7.htm" ><span>企业荣誉</span></a></li>
<li><a href="javascript:if(confirm('http://demo3791.adashuo.com/a/guanyuwomen/rencaizhaopin/ \n\n�ļ���δ�� Teleport Pro ȡ�أ���Ϊ ����ȡ�ã�������ȡ�غ������������Ŀֹͣ��̫�졣 \n\n��Ҫ�ӷ������ϴ�����'))window.location='http://demo3791.adashuo.com/a/guanyuwomen/rencaizhaopin/'" ><span>人才招聘</span></a></li>
</ul>
</li><li><a href="javascript:;"><span>新闻资讯</span><i class="touch-arrow-down"></i></a>
<ul>
<li><a href="index-4.htm" ><span>公司新闻</span></a></li>
<li><a href="index-9.htm" ><span>行业动态</span></a></li>
<li><a href="index-10.htm" ><span>视频中心</span></a></li>
</ul>
</li>
<li><a href="index-5.htm" ><span>联系我们</span></a></li>
</ul>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
$(".touch-toggle a").click(function(event){
var className = $(this).attr("data-drawer");
if( $("."+className).css('display') == 'none' ){
$("."+className).slideDown().siblings(".drawer-section").slideUp();
}else{
$(".drawer-section").slideUp();
}
event.stopPropagation();
});
/*$(document).click(function(){
$(".drawer-section").slideUp();
})*/
$('.touch-menu a').click(function(){
if( $(this).next().is('ul') ){
if( $(this).next('ul').css('display') == 'none' ){
$(this).next('ul').slideDown();
$(this).find('i').attr("class","touch-arrow-up");
}else{
$(this).next('ul').slideUp();
$(this).next('ul').find('ul').slideUp();
$(this).find('i').attr("class","touch-arrow-down");
}
}
});
});
</script></div>
<!-- E touch-top --></div>
<!-- E touch-top-wrapper --><!-- ==================== E top ==================== --><!-- ==================== S header ==================== -->
<div id="a1portalSkin_headerAreaA" class="header"><!-- Start_Module_216340 --><a name="26322" id="26322"></a>
<div class="page-width">
<div class="module-default">
<div class="module-inner">
<div id="a1portalSkin_ctr216340216340_mainArea" class="module-content"><!-- Start_Module_216340 -->
<div class="qhd-module">
<div class="column marg-per2">
<div class="col-4-3">
<div id="a1portalSkin_ctr216340216340_Column2C75A25_QHDCPM216340M1" class="qhd_column_contain"><!-- Start_Module_216341 --><a name="26323" id="26323"></a>
<div class="module-default">
<div class="module-inner">
<div id="a1portalSkin_ctr216340216340_Column2C75A25_ctr216341216341_mainArea" class="module-content"><!-- Start_Module_216341 --><!-- S responsive-carousel -->
<div class="responsive-carousel carousel clearfix">
<div id="responsive-216341"> <div class="carousel-item">
<div class="carousel-img"><a href="javascript:;" target=""><img src="images/1-1611220Z3440-L.jpg" alt="幻灯3" /></a></div>
</div>
<div class="carousel-item">
<div class="carousel-img"><a href="javascript:;" target=""><img src="images/1-1611220Z3550-L.jpg" alt="幻灯2" /></a></div>
</div>
<div class="carousel-item">
<div class="carousel-img"><a href="javascript:;" target=""><img src="images/ys3.jpg" alt="幻灯1" /></a></div>
</div>
</div>
<div class="carousel-btn carousel-btn-fixed" id="carousel-page-216341"></div>
<script type="text/javascript">
$(window).load(function(){
$("#responsive-216341").carouFredSel({
responsive : true,
width : '100%',
items : { visible : 1 },
auto : { pauseOnHover: true, timeoutDuration:5000 },
swipe : { onTouch:true, onMouse:true },
pagination : "#carousel-page-216341"
//prev : { button:"#carousel-prev-216341"},
//next : { button:"#carousel-next-216341"},
//scroll : { fx : "coverfade", duration : 1200, timeoutDuration : 1500 }
});
$("#responsive-216341 .carousel-item").show();
});
</script></div>
<!-- E responsive-carousel --><!-- End_Module_216341 --></div>
</div>
</div>
</div>
</div>
<div class="col-4-1 last">
<div id="a1portalSkin_ctr216340216340_Column2C75A25_QHDCPM216340M2" class="qhd_column_contain"><!-- Start_Module_216342 --><a name="26324" id="26324"></a>
<div class="module-default module-no-margin">
<div class="module-inner">
<div id="a1portalSkin_ctr216340216340_Column2C75A25_ctr216342216342_mainArea" class="module-content"><!-- Start_Module_216342 -->
<div class="qhd-content">
<p style="text-align: center; background-color:#6ab852;"> <img alt="" src="images/b517b07d-76df-4c08-a7a2-80481875696c.jpg" style="width: 285px; height: 382px;" /></p>
</div>
<!-- End_Module_216342 --></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End_Module_216340 --></div>
</div>
</div>
</div>
</div>
<!-- ==================== E Header ==================== --><!-- ==================== S main ==================== -->
<section class="main">
<div id="a1portalSkin_mainArea" class="full-screen clearfix"><!-- Start_Module_216346 --><a name="26317" id="26317"></a>
<div class="module-section">
<div class="module-section-inner">
<div class="page-width">
<div class="module-section-title-wrapper clearfix">
<div class="module-section-title clearfix">
<h2>基本信息</h2>
</div>
</div>
<div id="a1portalSkin_ctr216346216346_mainArea" class="module-section-content"><!-- Start_Module_216346 --><!-- S tabs -->
<div class="tabs-default">
<ul class="tabs-nav clearfix">
<!-- <li><a href="javascript:;" class="current"><span>北京</span></a></li>-->
<!-- <li><a href="javascript:;" class="current"><span>上海</span></a></li>
<li><a href="javascript:;" class="current"><span>广州</span></a></li> -->
</ul>
<div class="tabs-panes">
<div class="tab-box clearfix" style="display:block;">
<div id="a1portalSkin_ctr216346216346_TabList_QHDSPM216346M1327" class="tab-box-content"><!-- Start_Module_216347 --><a name="26316" id="26316"></a>
<div class="module-default">
<div class="module-inner">
<div id="a1portalSkin_ctr216346216346_TabList_ctr216347216347_mainArea" class="module-content"><!-- Start_Module_216347 --><!-- S scrollable -->
<div class="typo">
<ul>
<li>
<p>《我不是药神》是由文牧野执导,宁浩、徐峥共同监制的剧情片,徐峥、周一围、王传君、谭卓、章宇、杨新鸣等主演。该片于2018年7月5日在中国上映。
影片讲述了神油店老板程勇从一个交不起房租的男性保健品商贩程勇,一跃成为印度仿制药"格列宁"独家代理商的故事。</p>
</li>
<li>
</li>
<li>
</li>
</ul>
<div class="carousel-direction"><a class="carousel-prev" id="carousel-prev-216347" href="javascript:;"><span><</span></a><a class="carousel-next" id="carousel-next-216347" href="javascript:;"><span>></span></a></div>
</div>
<!-- E scrollable--><!-- End_Module_216347 --></div>
</div>
</div>
</div>
</div>
<div class="tab-box clearfix" style="">
<div id="a1portalSkin_ctr216346216346_TabList_QHDSPM216346M1328" class="tab-box-content"><!-- Start_Module_216348 --><a name="26319" id="26319"></a>
<div class="module-default">
<div class="module-inner">
<div id="a1portalSkin_ctr216346216346_TabList_ctr216348216348_mainArea" class="module-content"><!-- Start_Module_216348 --><!-- S scrollable -->
<div class="scrollable carousel product-scrollable product-set product-advisory clearfix">
<ul id="scrollable-216348" class="scrollable-default clearfix">
</ul>
<div class="carousel-direction"><a class="carousel-prev" id="carousel-prev-216348" href="javascript:;"><span><</span></a><a class="carousel-next" id="carousel-next-216348" href="javascript:;"><span>></span></a></div>
</div>
<!-- E scrollable--><!-- End_Module_216348 --></div>
</div>
</div>
</div>
</div>
<div class="tab-box clearfix" style="">
<div id="a1portalSkin_ctr216346216346_TabList_QHDSPM216346M1329" class="tab-box-content"><!-- Start_Module_216349 --><a name="26320" id="26320"></a>
<div class="module-default">
<div class="module-inner">
<div id="a1portalSkin_ctr216346216346_TabList_ctr216349216349_mainArea" class="module-content"><!-- Start_Module_216349 --><!-- S scrollable -->
<div class="scrollable carousel product-scrollable product-set product-advisory clearfix">
<ul id="scrollable-216349" class="scrollable-default clearfix">
</ul>
<div class="carousel-direction"><a class="carousel-prev" id="carousel-prev-216349" href="javascript:;"><span><</span></a><a class="carousel-next" id="carousel-next-216349" href="javascript:;"><span>></span></a></div>
</div>
<!-- E scrollable--><!-- End_Module_216349 --></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- E tabs --><!-- End_Module_216346 --></div>
</div>
</div>
</div>
<!-- Start_Module_216350 --><a name="26321" id="26321"></a>
<div class="module-section module-section-gray">
<div class="module-section-inner">
<div class="page-width">
<div class="module-section-title-wrapper clearfix">
<div class="module-section-title clearfix">
<h2>剧情简介</h2>
</div>
</div>
<div id="a1portalSkin_ctr216350216350_mainArea" class="module-section-content"><!-- Start_Module_216350 -->
<div class="qhd-content">
<div class="typo">
<ul style="list-style:none">
<li>
<p>一位不速之客的意外到访,打破了神油店老板程勇的平凡人生,他从一个交不起房租的男性保健品商贩,一跃成为印度仿制药"格列宁"的独家代理商。收获巨额利润的他,生活剧烈变化,被病患们冠以"药神"的称号。但是,一场关于救赎的拉锯战也在波涛暗涌中慢慢展开。</p>
</li>
</ul>
<!--<a href="#"><img alt="" class="typo_img qhd-pr" src="images/811be0f5-bdaa-407b-9188-3d8e8b3bcaee.png" style="width: 560px; height: 297px; top:230px;" /> </a>
<p style="text-align: center;"> <img alt="" src="images/67fc20ac-e37f-4537-953a-0ee5d8a23932.png" style="width: 545px; height: 921px;" /></p> -->
</div>
<p> </p>
</div>
<!-- End_Module_216350 --></div>
</div>
</div>
</div>
</div>
<!-- end of page-width --></section>
<!-- ==================== E main ==================== --><!-- ==================== S footer ==================== -->
<footer class="footer">
<div class="footer-main">
<div id="a1portalSkin_footerAreaA" class="page-width clearfix"><!-- Start_Module_216343 --><a name="26325" id="26325"></a>
<div class="module-default">
<div class="module-inner">
<div id="a1portalSkin_ctr216343216343_mainArea" class="module-content"><!-- Start_Module_216343 -->
<div class="qhd-content">
<div class="column">
<div class="col-4-3">
<p> <span style="font-size:16px;">产品服务热线 400-123-4567</span></p>
<p> <span style="font-size:16px;">Copyright © 2018 我不是药神 版权所有 </span></p>
<p> <span style="font-size:16px;">ICP备********号</span></p>
</div>
<div class="col-4-1 last">
<p style="text-align: right;"> <img alt="" class="qhd-pr" src="images/ys.png" style="width: 260px; height: 60px; top: 20px;" /></p>
</div>
</div>
</div>
<!-- End_Module_216343 --></div>
</div>
</div>
</div>
</div>
</footer>
<!-- ==================== E footer ==================== --><!-- ==================== S bottom ==================== -->
<section class="bottom">
<div id="a1portalSkin_bottomAreaA" class="QHDEmptyArea page-width clearfix"></div>
</section>
<!-- ==================== E bottom ==================== --></div>
<!-- end of wrapper --><!-- S fixed-bottom -->
<div id="a1portalSkin_fixedBottomArea" class="QHDEmptyArea fixed-bottom"></div>
<!-- E fixed-bottom --><!-- S fixed-side -->
<div id="a1portalSkin_fixed-left" class="QHDEmptyArea fixed-side fixed-left"></div>
<!-- E fixed-side --><!-- S fixed-side -->
<div id="a1portalSkin_fixed-right" class="fixed-side fixed-right"><!-- Start_Module_216344 --><a name="26330" id="26330"></a>
<div class="module-default">
<div class="module-inner">
<div id="a1portalSkin_ctr216344216344_mainArea" class="module-content"><!-- Start_Module_216344 -->
<div class="link-fixed-side">
<ul>
<!-- <li class=""><a href="javascript:if(confirm('#'))window.location='#'" class="link-name" target="_blank"><i style="background-image:url(images/3f346a9c-bea9-4553-9f80-0ee4c3c0e7d2_32_32_uniformfill.png);" alt="找老师"></i><span>找老师</span></a></li>
<li class=""><a href="javascript:if(confirm('#'))window.location='#'" class="link-name" target="_blank"><i style="background-image:url(images/ce1199d2-6a54-443b-8ebb-6c5e44aaa791_32_32_uniformfill.png);" alt="在线客服"></i><span>在线客服</span></a></li>
<li class=""><a href="javascript:;" class="link-name" target="_blank"><i style="background-image:url(images/58996783-9783-4f9e-827e-07ee80a3e1ec_32_32_uniformfill.png);" alt="服务热线"></i><span>服务热线</span></a> -->
<div class="link-summary"><i class="arrow-section-r"></i>
<div class="link-summary-content">
<div class="qhd-content">
<p style="text-align:center;">400-123-4567</p>
</div>
</div>
</div>
</li>
<!--<li class=""><a href="javascript:if(confirm('#'))window.location='#'" class="link-name" target="_blank"><i style="background-image:url(images/cce6d5f8-3515-486a-9c52-413961832741_32_32_uniformfill.png);" alt="微信二维码"></i><span>微信二维码</span></a></li> -->
</ul>
</div>
<!-- End_Module_216344 --></div>
</div>
</div>
</div>
<!-- E fixed-side --><!-- S popup -->
<div id="popup" class="popup">
<div class="popup-content not-animated" data-animate="fadeInDown">
<div id="a1portalSkin_popup-area" class="popup-content-wrapper"><!-- Start_Module_216345 --><a name="26331" id="26331"></a>
<div class="module-default">
<div class="module-inner">
<div id="a1portalSkin_ctr216345216345_mainArea" class="module-content"><!-- Start_Module_216345 -->
<div class="qhd-content">
<p style="text-align: center;"> <img alt="" src="images/weixin.png" style="width: 180px; height: 180px;" /><br />
扫描二维码关注最新动态</p>
</div>
<!-- End_Module_216345 --></div>
</div>
</div>
</div>
<div class="popup-close-btn"><a href="javascript:;" title="关闭"><span>关闭</span></a></div>
</div>
<div class="popup-overlay"></div>
</div>
<!-- E popup --><!-- E go top -->
<div class="gotop-wrapper"><a href="javascript:;" class="fixed-gotop gotop"></a></div>
<!-- E go top -->
<!-- 外部脚本 -->
<!--58(dede58.com)做最好的整站模板下载网站-->
</body>
<script src="js/online.js" type="text/javascript"></script>
</html>
源码获取
❉ ~ 关注我,点赞博文~ 每天带你涨知识!
❉ ~ ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
❉ ~ http://imianba.cn/#/articles?category=1&theme=0
❉ ~ ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑