欢迎访问覃师宁博客!

某软件站系统维护公告页面源码分享

这是某软件站系统维护公告页面源码,看到喜欢就扒下来了。橘色的火箭背景,很醒目!喜欢的可以下载自用。

先看效果图:

某软件站系统维护公告页面源码分享

html代码:

  •     <div class="notice-wrap">
  •         <div class="notice">
  •             <h1>网站系统升级维护通知</h1>
  •             <p class="notice-cont">为了给您提供更优质的内容资源,覃师宁博客于<span>2020年11月29日</span>起开展服务器例行维护,具体开放时间待定,感谢您的访问</p>
  •             <p class="notice-tel">如有疑问请联系站长微信:<span>SN900518</span>,或关注微信公众号:网创邦【内容不定期更新】</p>
  •             <div class="notice-foot">
  •                 <p>覃师宁博客</p>
  •                 <p>2020年12月1日</p>
  •             </div>
  •         </div>
  •     </div>

css代码:

  • .notice-wrap{
  •     padding-top: 30px;
  • }
  • .notice{
  •     margin: 0 auto;
  •     width: 682px;
  •     height: 633px;
  •     background: url(img/update-bg.png) no-repeat;
  • }
  • .notice h1{
  •     padding-top: 225px;
  •     font-size: 36px;
  •     color: #333;
  •     text-align: center;
  • }
  • .notice>p{
  •     margin: 0 62px;
  •     font-size: 18px;
  •     color: #666;
  •     text-indent: 36px;
  •     line-height: 40px;
  • }
  • p span{
  •     color: #ff6500;
  • }
  • .notice .notice-cont{
  •     margin-top: 45px;
  • }
  • .notice .notice-tel{
  •     padding-bottom: 54px;
  •     border-bottom: 2px solid #f2f2f2;
  • }
  • .notice-foot{
  •     float:right;    
  •     margin-top: 24px;
  •     padding-right:20px;
  • }
  • .notice-foot p{
  •     font-size: 18px;
  •     color: #666;
  • }

下载链接:

链接:https://pan.baidu.com/s/1DQ28XTd3zwHlnglG1zXLiw 
提取码:5g6a 

    猜你喜欢

    无相关信息

文章评论

人参与,共有 0 条评论

为了响应国家网信办《网站要对跟帖评论审核管理规定》,网站评论将审核后发表