Skip to content

Commit

Permalink
✨feat: new UI
Browse files Browse the repository at this point in the history
  • Loading branch information
lopins committed Nov 6, 2024
1 parent 6834e2f commit f1fc19b
Show file tree
Hide file tree
Showing 218 changed files with 20,487 additions and 501 deletions.
257 changes: 133 additions & 124 deletions docs/about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,134 +2,143 @@
<html>

<head>
<title>关于我们 - MSDN镜像库</title>
<meta name="keywords" content="MSDN镜像库，原版纯净系统，原版win11，原版win10，原版win8/8.1，原版win7，系统下载，原版office，msdn我告诉你，重装系统，原版系统，u盘装系统" />
<meta name="description" content="MSDN镜像库为你提供MSDN官方原版镜像，原版win11，win10，win8/8.1，win7，win xp，win server，office全系列官方镜像下载与安装等服务" />
<meta charset="utf-8" />
<link rel="shortcut icon" href="https://cdn.jsdelivr.net/gh/lopins/msdn-images@main/docs/favicon.ico">
<meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/lopins/msdn-images@main/docs/css/images.css" />
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/lopins/msdn-images@main/docs/css/about.css" />
<meta property="og:locale" content="zh_CN" />
<meta property="og:type" content="webpage">
<meta property="og:title" content="关于我们 - MSDN镜像库">
<meta property="og:image" content="https://cdn.jsdelivr.net/gh/lopins/msdn-images@main/docs/images/logo1.png">
<meta property="og:url" content="https://msdn.lopins.cn/about.html">
<meta property="og:description" content="MSDN镜像库为你提供MSDN官方原版镜像，原版win11，win10，win8/8.1，win7，win xp，win server，office全系列官方镜像下载与安装等服务。">
<meta property="og:site_name" content="MSDN镜像库">
<meta charset="utf-8" />
<title>关于我们-大白菜官网</title>
<link rel="shortcut icon" href="/favicon.ico" type="image/icon" />
<link href="assets/css/global.css" rel="stylesheet" type="text/css" />
<link href="assets/css/other.css" rel="stylesheet" type="text/css" />
<meta name="applicable-device" content="pc">
<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
</head>

<body>
<div class="header">
<div class="logo">
<a href="/">
<img src="https://cdn.jsdelivr.net/gh/lopins/msdn-images@main/docs/images/logo1.png" />
</a>
</div>
<div class="close_btn">
<div class="icon-left"></div>
<div class="icon-right"></div>
</div>
</div>
<div class="box">
<div class="article_box">
<div class="title">[ 关于 ]</div>
<div class="instructions">
MSDN镜像库是一个提供MSDN原版Windows系统和原版office下载与安装指引的网站，本站一直以“致力于原版windows生态服务”为自身使命，为广大的电脑爱好者提供最新、最纯净、最安全的原版系统，方便用户朋友们下载及安装，让更多用户能体现到原生的操作系统。
</div>
<hr/>
<div class="title">[ 初衷 ]</div>
<div class="instructions">
一位小白用户好不容易在搜索引擎上找到一个原版系统下载网站，却看不懂里面英文名称，更不知道选择下载那个版本；当他辛辛苦苦下载完，并研究了半天如何安装时，又被流氓工具/PE欺骗捆绑了不明软件、锁定了不明主页。<br />
所以，我们倾心打造了“MSDN镜像库”，一个小白也能快速找到合适自己镜像下载与安装的网站，我们的初衷就是希望每一位有需要的用户都能以最简单快速方式获取到纯净与安全的Windows或Office，以更高效的完成此项工作。
</div>
<hr/>
<div class="title">[ 特色 ]</div>
<div class="text">
纯粹——仅提供原版系统和Office
</div>
<div class="text">
安全——保证无毒无捆绑，纯净无广告
</div>
<div class="text">
简单——高度梳理繁杂的版本信息，让你轻松找到自己需要的
</div>
<div class="text">
下载——提供磁力链与网盘等多种下载方式
</div>
<div class="text">
服务——提供多种简易的安装指引教程，初级用户也能学习安装
</div>
<div class="text">
舒心——网站无需登录，适配移动端访问
</div>
<hr/>
<div class="title">[ 联系与帮助 ]</div>
<div class="text">
社区交流：<a href="https://github.com/lopins/msdn-images/issues" target="_blank">lopins/msdn-images</a>
</div>
<div class="text">
联系邮箱：<a href="mailto:lopins@qq.com" target="_blank">lopins@qq.com</a>
</div>
<!--
<div class="text">
微信公众号
</div>
<img src="https://api.qrserver.com/v1/create-qr-code/?size=150×150&data=https://u.wechat.com/MNc8vfMgE0m7Ug732Un4kGA?s=2" style="width: 220px;" />
-->
<!-- 其他安装方法
<div class="step">
∨ 其他安装方法
<!-- 关于我们-使用协议 -->
<!-- 顶部导航header-->
<header class="header">
<div class="content flo">
<nav class="nav">
<a href="/">
<h1><img src="assets/picture/31c27e8468d798f1cc5966adbaf5509e.png" alt="大白菜官网"></h1>
</a>
</nav>
<nav class="flo nav">
<a href="/" class="">首页</a>
<a href="/u.html" class="">软件下载</a>
<a href="/help.html" class="">帮助中心</a>
<a href="/manual.html" class="">使用手册</a>

</nav>
</div>
<a href="">U盘安装方法 〉</a>
<br>
<a href="">PE安装方法 〉</a>
-->
<hr/>
<hr/>
<!-- 下载应用
<div class="download_box">
<a href="" class="download" download>
<div class="circle"></div>
<p class="download_label">下载</p>
</a>
<p class="download_title">标题</p>
<p class="download_desc">说明文字</p>
</div>
-->
</div>
<!-- <div class="foot">
<p><a href="/"><img src="https://cdn.jsdelivr.net/gh/lopins/msdn-images@main/docs/images/logo1.png"></a></p>
<p class="download_desc">微软官方原版镜像仓库</p>
</div> -->
</div>
<div class="return_top">
<a class="home" href="/" title="主页"> </a>
<span class="top" title="返回顶部"> </span>
</div>
<!--弹出区域 -->
<!--
<div class="menu_area">
<div class="header">
<div class="logo">
<a href="/">
<img src="https://cdn.jsdelivr.net/gh/lopins/msdn-images@main/docs/images/logo1.png" />
</a>
</div>
<div class="close_btn open">
<div class="icon-left"></div>
<div class="icon-right"></div>
</div>
</div>
<div class="box">
<div class="content">
<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/lopins/msdn-images@main/docs/js/foot_txt.js"></script>
</div>
</div>
</div>
-->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/lopins/msdn-images@main/docs/js/common.js"></script>
</header>


<section class="aboutUs-main content flo">
<aside class="aboutUs-aside">
<div class="aboutUs-aside-div1 aboutUs-aside-div">
<a href="/about.html"><img src="assets/picture/abou_us_pre.png" alt="">关于我们</a>
<p><span></span></p>
</div>
<div class="aboutUs-aside-div2">
<a href="/protocol.html"><img src="assets/picture/agreement_n.png" alt="">免责声明</a>
<p><span></span></p>
</div>
</aside>

<!-- 关于我们 -->
<article class="aboutUs-article1">
<p class="aboutUs-p1">关于我们<span></span></p>
<p class="aboutUs-p2">东莞市互泰网络科技有限公司成立于2017年，是一家追求创新的网络技术和软件应用提供商。</p>
<p class="aboutUs-p3">经营范围</p>
<p class="aboutUs-p2">目前主要经营范围有计算机硬件开发，网络技术服务、网络技术咨询、电子商务平台维护、互联网技术开发及转让，代理国内外各类广告。</p>
<div class="aboutUs-div1">
<div>
<img src="assets/picture/1_hardware.png" alt="">
<p>计算机硬件开发</p>
</div>
<div>
<img src="assets/picture/2_technical_service.png" alt="">
<p>网络技术服务</p>
</div>
<div>
<img src="assets/picture/3_technical_consultation.png" alt="">
<p>网络技术咨询</p>
</div>
<div>
<img src="assets/picture/4_maintain.png" alt="">
<p>电子商务平台维护</p>
</div>
<div>
<img src="assets/picture/5_internet.png" alt="">
<p>互联网技术开发及转让</p>
</div>
<div>
<img src="assets/picture/6_advertisement.png" alt="">
<p>代理国内外各类广告</p>
</div>
</div>
<p class="aboutUs-p1">联系我们<span></span></p>
<div class="aboutUs-div2 flo">
<div>
<span>微信公众号</span>
<p>关注微信公众号</p>
<img src="assets/picture/wechat.png" alt="">
</div>
<div>
<span>QQ客服</span>
<p>联系QQ客服</p>
<img src="assets/picture/qq.png" alt="">
</div>
<div>
<span>QQ群聊</span>
<p>加入QQ群聊</p>
<img src="assets/picture/fd1d6af8a5294358287b102bc475e014.png" alt="">
</div>
</div>
</article>

</section>
<div class="other-footer">
<p><a href="https://beian.miit.gov.cn/" target="_blank">粤ICP备18105804号</a> 东莞市互泰网络科技有限公司版权所有</p>
</div>
<p><a href="/" target="_blank">大白菜</a></p>
<link type="text/css" rel="stylesheet" href="assets/css/kefu.css" />
<script src="assets/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="assets/js/kefu.js"></script>
<script src="assets/js/article-down.js" type="text/javascript" charset="utf-8"></script>
<script src="assets/js/global.js" type="text/javascript" charset="utf-8"></script>
<script src="assets/js/referrer.js" type="text/javascript" charset="utf-8"></script>
<script>
document.querySelectorAll('oembed[url]').forEach(element => {
const videoLable = document.createElement('video');

videoLable.setAttribute('src', element.getAttribute('url'));
videoLable.setAttribute('controls', 'controls');
videoLable.setAttribute('style', ' width: 100%;height: 100%; ');

element.appendChild(videoLable);
});
</script>


<script>
aboutUs();
function aboutUs() {
var ses = sessionStorage.aboutUs;
if (ses == "1") {
// $('.aboutUs-aside-div1 a').trigger("click");
} else if (ses == "2") {
// $('.aboutUs-aside-div1 a').trigger("click");
$('html,body').animate({
scrollTop: $('.aboutUs-div2').offset().top
}, 0);

}
$(".aboutUs-aside-div2").click(function () {
sessionStorage.setItem("aboutUs", "1");
})
}
</script>
</body>

</html>
Loading

0 comments on commit f1fc19b

Please sign in to comment.