医药协会网站-前端网页技术设计HTML+CSS精美完整网页网站源码
2024-05-26 19:59:43
微信公众号：创享日记
发送：医药协会网站
获取完整源码
效果图预览①主页首页
效果图预览②资源下载中心
效果图预览③登录/注册
效果图预览④文章资讯详情
效果图预览⑤文章资讯列表
效果图预览⑥留言板
效果图预览⑦图文列表
效果图预览⑧图文详情
源码详见微信公众号下载！
<!DOCTYPE html>
<html lang="en">
<head>
<title>About</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<script type="text/javascript" src="js/jquery-1.4.2.js" ></script>
<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>
<script type="text/javascript" src="js/CabinSketch_700.font.js"></script>
<script type="text/javascript" src="js/EB_Garamond_400.font.js"></script>
<!-- [if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<style type="text/css">
.bg {behavior:url(js/PIE.htc)}
</style>
<![endif]-->
<!-- [if lt IE 7]>
<div style='clear:both;text-align:center;position:relative'><a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://www.theie6countdown.com/images/upgrade.jpg" border="0" alt="" /></a>
</div>
<![endif]-->
</head>
<body id="page1">
<div class="main">
<!-- header --><header><div class="wrapper"><nav><ul id="menu"><li id="menu_active"><a href="index.html"><span>A</span>bout</a></li><li><a href="Services.html"><span>S</span>ervices</a></li><li><a href="Gallery.html"><span>G</span>allery</a></li><li><a href="Privacy.html"><span>P</span>rivacy</a></li><li><a href="Contacts.html"><span>C</span>ontacts</a></li></ul></nav></div><h1><a href="index.html" id="logo">DesignStudio.com</a></h1></header><div class="ic">More Website Templates at TemplateMonster.com!</div>
<!-- / header -->
<!-- content --><section id="content"><div class="wrapper"><article class="col1"><h2>About Us</h2><div class="pad_left1 pad_bot1"><div id="slider"><div id="for_img"><div id="nivo_slider"><img src="data:images/img1.jpg" alt=""><img src="data:images/img2.jpg" alt=""><img src="data:images/img3.jpg" alt=""><img src="data:images/img4.jpg" alt=""><img src="data:images/img5.jpg" alt=""></div></div></div><div class="pad"><p><strong>Design Studio</strong> Template is one of <a href="http://blog.templatemonster.com/free-website-templates/" target="_blank">free website templates</a> created by TemplateMonster.com team. This website template is optimized for 1024X768 screen resolution. It is also XHTML & CSS valid.</p><p>This <a href="http://blog.templatemonster.com/2011/04/04/free-website-template-web-design-studio/" target="_blank">Free Design Studio Website Template</a> goes with two packages – with PSD source files and without them. PSD source files are available for free for the registered members of Templates.com. The basic package (without PSD source is available for anyone without registration).</p></div></div><h2><span>Our Solutions</span></h2><div class="pad_left1"><div class="pad_left1"><div class="wrapper pad_top1"><div class="col3"><div class="wrapper"><figure class="left marg_right1"><img src="data:images/page1_img3.png" alt=""></figure><p class="cols"><strong class="font1">Development</strong><br>Error sit voluptatem accus antium doloremque laiantium totam rem aperiam, eaque tecto beatae.</p></div></div><div class="col3 pad_left2"><div class="wrapper"><figure class="left marg_right1"><img src="data:images/page1_img5.png" alt=""></figure><p class="cols"><strong class="font1">Creative Design</strong><br>Eorporis suscipit laboriosam, nisi ut aliquid ex ea commodi eum iure reprehenderit qui in ea voluptate.</p></div></div></div><div class="wrapper"><div class="col3"><div class="wrapper"><figure class="left marg_right1"><img src="data:images/page1_img4.png" alt=""></figure><div class="cols"><strong class="font1">Planning</strong><br>Eius modi tempora incidunt aliquam quaerat enim ad minima veniam, quis nostrum exercitationem ullam.</div></div></div><div class="col3 pad_left2"><div class="wrapper"><figure class="left marg_right1"><img src="data:images/page1_img6.png" alt=""></figure><div class="cols"><strong class="font1">Effective Strategies</strong><br>Velit esse quam nihil molestiae consequatur, vel illumqui dolorem eum fugiat voluptas laiantium totam rem.</div></div></div></div></div></div></article><article class="col2"><h3>Latest Works</h3><ul class="ul_works"><li><a href="#"><img src="data:images/page1_img1.png" alt=""></a></li><li><a href="#"><img src="data:images/page1_img2.png" alt=""></a></li></ul><h4>Recent Tweets</h4><div class="tweets"><p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem.<br><a href="#">20 days ago</a></p><p>Accusantium doloremque laudatium, totam rem aperiam, eaque ipsa.<br><a href="#">36 days ago</a></p><p>Nemo enim ipsam voluptatem quia voluptas.<br><a href="#">54 days ago</a></p></div></article></div></section>
<!-- / content -->
<!-- footer --><footer><div class="wrapper"><article class="col"><h5>Why Us</h5><ul class="list1"><li><a href="#">Sedut perspiciatis</a></li><li><a href="#">Unde omnis iste</a></li><li><a href="#">Natus error sit </a></li><li><a href="#">Volupttem accus</a></li><li><a href="#">Ntium doloremque </a></li></ul></article><article class="col pad_left2"><h5>Links</h5><ul class="list1"><li><a href="#">Audantium, totam</a></li><li><a href="#">Remaperiam, eaque</a></li><li><a href="#">Ipsa quae abillo</a></li><li><a href="#">Inventore veritatis et </a></li><li><a href="#">Quasi architecto </a></li></ul></article><article class="col pad_left2"><h5>Follow Us</h5><ul class="icons"><li><a href="#"><img src="data:images/icon1.jpg" alt="">Facebook</a></li><li><a href="#"><img src="data:images/icon2.jpg" alt="">Stumleupon</a></li><li><a href="#"><img src="data:images/icon3.jpg" alt="">Twitter</a></li><li><a href="#"><img src="data:images/icon4.jpg" alt="">Digg</a></li><li><a href="#"><img src="data:images/icon5.jpg" alt="">RSS Feed</a></li></ul></article><article id="newsletter"><h5>Newsletter</h5><form id="newsletter_form"><div class="wrapper"><input class="input" type="text" value="Enter your email here" onblur="if(this.value=='') this.value='Enter your email here'" onFocus="if(this.value =='Enter your email here' ) this.value=''" ></div><a href="#" onClick="document.getElementById('newsletter_form').submit()">Subscribe</a></form></article></div><article class="privacy"><a rel="nofollow" href="http://www.templatemonster.com/">Website template</a> designed by TemplateMonster.com<br><a href="http://www.templates.com/product/3d-models/">3D Models</a> provided by Templates.com</article><a href="index.html" class="footer_logo">Design<span>Studio</span>.com</a></footer>
<!-- / footer -->
</div>
<script type="text/javascript">Cufon.now();</script>
<script type="text/javascript">$(window).load(function() {$('#nivo_slider').nivoSlider({effect:'fold', //Specify sets like: 'fold,fade,sliceDown, sliceDownLeft, sliceUp, sliceUpLeft, sliceUpDown, sliceUpDownLeft'slices:7,animSpeed:500,pauseTime:6000,startSlide:0, //Set starting Slide (0 index)directionNav:true, //Next & PrevdirectionNavHide:false, //Only show on hovercontrolNav:true, //1,2,3...controlNavThumbs:false, //Use thumbnails for Control NavcontrolNavThumbsFromRel:false, //Use image rel for thumbscontrolNavThumbsSearch: '.jpg', //Replace this with...controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image srckeyboardNav:true, //Use left & right arrowspauseOnHover:true, //Stop animation while hoveringmanualAdvance:false, //Force manual transitionscaptionOpacity:1, //Universal caption opacitybeforeChange:function(){},afterChange:function(){},slideshowEnd:function(){} //Triggers after all slides have been shown});
});
</script>
</body>
</html>
医药协会网站-前端网页技术设计HTML+CSS精美完整网页网站源码相关推荐
- HTML5期末大作业：月饼美食网站设计——月饼美食食品模板(9页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程食品设计网页规划与设计 计食品模板设计源码
HTML5期末大作业:月饼美食网站设计--月饼美食食品模板(9页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程食品设计网页规划与设计 计食品模板设计源码 常见网页设计 ...
- HTML5期末大作业：网上预订网站设计——火车票网上预订网站(4个页面) HTML+CSS+JavaScript web网页设计实例作业
HTML5期末大作业:网上预订网站设计--火车票网上预订网站(4个页面) HTML+CSS+JavaScript web网页设计实例作业 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. ...
- DIV布局 京东商城购物网站(4页) 基于Html+Css+javascript的网页制作（购物主题）
HTML5期末大作业:京东商城网站设计--京东商城购物网站(4页) 基于Html+Css+javascript的网页制作(购物主题) 文章目录 HTML5期末大作业:京东商城网站设计--京东商城购物网 ...
- HTML5七夕情人节表白网页(流星动画3D相册) HTML+CSS+JS 求婚 html生日快乐祝福代码网页 520情人节告白代码 程序员表白源码 3D旋转相册 js烟花代码 css爱心表白
HTML5七夕情人节表白网页❤流星动画3D相册❤ HTML+CSS+JS 求婚 html生日快乐祝福代码网页 520情人节告白代码 程序员表白源码 抖音3D旋转相册 js烟花代码 css爱心表白 这是 ...
- HTML5七夕情人节表白网页(星空萤火虫) HTML+CSS+JS 求婚 html生日快乐祝福代码网页 520情人节告白代码 程序员表白源码 抖音3D旋转相册 js烟花代码 css爱心表白
HTML5七夕情人节表白网页(星空萤火虫) HTML+CSS+JS 求婚 html生日快乐祝福代码网页 520情人节告白代码 程序员表白源码 抖音3D旋转相册 js烟花代码 css爱心表白 这是程序员 ...
- HTML5七夕情人节表白网页(雪花爱心表白) HTML+CSS+JS 求婚 html生日快乐祝福代码网页 520情人节告白代码 程序员表白源码 抖音3D旋转相册 js烟花代码 css爱心表白
HTML5七夕情人节表白网页❤雪花爱心❤ HTML+CSS+JS 求婚 html生日快乐祝福代码网页 520情人节告白代码 程序员表白源码 抖音3D旋转相册 js烟花代码 css爱心表白 这是程序员表 ...
- HTML5七夕情人节表白网页_生日快乐粒子烟花(自定义文字)_ HTML+CSS+JS 求婚 html生日快乐祝福代码网页 520情人节告白代码 程序员表白源码 抖音3D旋转相册 js烟花代码
HTML5七夕情人节表白网页❤生日快乐粒子烟花(自定义文字)❤ HTML+CSS+JS 求婚 html生日快乐祝福代码网页 520情人节告白代码 程序员表白源码 抖音3D旋转相册 js烟花代码 css ...
- HTML5七夕情人节表白网页(结婚倒计时) HTML+CSS+JS 求婚 html生日快乐祝福代码网页 520情人节告白代码 程序员表白源码 3D旋转相册 js烟花代码 css爱心表白
HTML5七夕情人节表白网页❤结婚倒计时❤ HTML+CSS+JS 求婚 html生日快乐祝福代码网页 520情人节告白代码 程序员表白源码 3D旋转相册 js烟花代码 css爱心表白 这是程序员表白 ...
- HTML5七夕情人节表白网页(烂漫的空中散落的花瓣3D相册) HTML+CSS+JS 求婚 html生日快乐祝福代码网页 520情人节告白代码 程序员表白源码 3D旋转相册 js烟花代码
HTML5七夕情人节表白网页❤烂漫的空中散落的花瓣3D相册❤ HTML+CSS+JS 求婚 html生日快乐祝福代码网页 520情人节告白代码 程序员表白源码 3D旋转相册 js烟花代码 css爱心表 ...
最新文章
- superset可视化-world map
- mysql如何优化性能优化_如何优化性能？MySQL实现批量插入以优化性能的实例详解...
- [C++] C++ Primer 笔记
- 基于JAVA+SpringMVC+Mybatis+MYSQL的电影院订票系统
- 绕过模拟器检测_用模拟器玩刺激战场体验差?这样设置轻松吃鸡
- NB-IOT：系列专题1：低功耗能力
- 艾蔻智能机器人怎么连接网络_智能建筑背后的关键技术：无处不在的网络连接...
- cdq分治（陈丹琦分治）
- win7升级Powershell到5.1（for flutter）
- 如果在遨游浏览器里设置Bing（必应）搜索为默认搜索
- 漫画：如何分别使用8种编程语言拯救公主
- PHP求职宝典系列——PHP Web 编程篇
- soot中存在的主要对象、soot的执行流
- 基于FPGA的以太网控制器（MAC）设计（中）
- ipad 导入电脑中文件
- Stable Diffusion4
- 为什么计算机桌面没在了,为什么没有运行良好的计算机桌面日历软件？
- 未曾上市先“上火”，威马汽车IPO前变“危马”？
- 18.10.24 考试总结
- Vulkan完全光线追踪硬阴影