devops.html 6.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  6. <meta name="description" content="" />
  7. <meta name="keywords" content="" />
  8. <title>运维</title>
  9. <!-- 重置css -->
  10. <link rel="stylesheet" type="text/css" href="./css/reset.css" />
  11. <!-- bootstrap css -->
  12. <link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css" />
  13. <!-- 动画样式 -->
  14. <link rel="stylesheet" type="text/css" href="./css/animate.min.css" />
  15. <!-- 轮播样式 -->
  16. <link href="./css/swiper.min.css" rel='stylesheet' type='text/css' />
  17. <link href="./css/fullpage.css" rel='stylesheet' type='text/css' />
  18. <!-- 公共css -->
  19. <link rel="stylesheet" type="text/css" href="./css/global.css" />
  20. <!-- 私有css -->
  21. <link rel="stylesheet" type="text/css" href="./css/index.css" />
  22. <script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
  23. <script src="./js/bootstrap.min.js"></script>
  24. <script src="./js/jquery.easing.1.3.umd.min.js"></script>
  25. <!-- 如果 scrollOverflow 设置为 true,则需要引入 jquery.slimscroll.min.js,一般情况下不需要 -->
  26. <script src="./js/jquery.slimscroll.min.js"></script>
  27. <script src="./js/fullpage.js"></script>
  28. <script type="text/javascript" src='./js/swiper.min.js'></script>
  29. <script type="text/javascript" src='./js/main.js'></script>
  30. </head>
  31. <body>
  32. <!--通用顶部导航-->
  33. <!-- <div id="head"></div>
  34. <script type="text/javascript">
  35. $('#head').load('./componen/header.html')
  36. </script> -->
  37. <div class="head_wrap" id="nav">
  38. <div class="flex_div">
  39. <a href="index.html" class="logo">
  40. <img class="img-fluid" src="./imgs/cecf.png" alt='' />
  41. </a>
  42. <nav class="navbar navbar-expand-lg text-right" role="navigation">
  43. <div class="navbar-header">
  44. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example-navbar-collapse">
  45. <span class="sr-only">切换导航</span>
  46. <span class="icon-bar"></span>
  47. <span class="icon-bar"></span>
  48. <span class="icon-bar"></span>
  49. </button>
  50. <!-- <a class="navbar-brand" href="#">首页</a> -->
  51. </div>
  52. <div class="collapse navbar-collapse" id="example-navbar-collapse">
  53. <ul class="nav navbar-nav">
  54. <li><a href="index.html">首页</a></li>
  55. <li><a href="detect.html">感知探测</a></li>
  56. <li><a href="visual.html">可视化</a></li>
  57. <li><a href="basic.html">基础功能</a></li>
  58. <li><a href="analyse.html">分析</a></li>
  59. <li class="active"><a href="devops.html">运维</a></li>
  60. <li><a href="manage.html">管理</a></li>
  61. <li><a href="safety.html">安全</a></li>
  62. <!-- <li class="dropdown">
  63. <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  64. asp.net <b class="caret"></b>
  65. </a>
  66. <ul class="dropdown-menu">
  67. <li><a href="#">asp.net初级</a></li>
  68. <li><a href="#">asp.net中级</a></li>
  69. <li><a href="#">asp.net高级</a></li>
  70. </ul>
  71. </li> -->
  72. </ul>
  73. </div>
  74. </nav>
  75. </div>
  76. </div>
  77. <!--通用顶部导航 结束-->
  78. <!-- banner 开始 -->
  79. <!-- <div class="banner_wrap">
  80. <div class="container">
  81. <div class="banner_content">
  82. <div class="main-content-1">运维类</div>
  83. <div class="main-content-1-sub">xxxxxx</div>
  84. </div>
  85. </div>
  86. </div> -->
  87. <div class="solution-top-bg">
  88. <div class="solution-top"><img class="solutions-top-bg left-bg" src="./imgs/solutions-top-leftX3-01b51a41df.png" width="500" height="510">
  89. <img class="solutions-top-bg right-bg" src="./imgs/solutions-top-rightX3-374d7d69a5.png" width="513" height="510">
  90. <div class="top-content normal-width">
  91. <div class="top-title special">运维类</div>
  92. <div class="top-subtitle">更强大的团队协作与项目管理工具,助力企业更好更快发布产品</div>
  93. </div>
  94. </div>
  95. </div>
  96. <!-- banner 结束 -->
  97. <!-- 产品列表-->
  98. <div class="index-content" style="padding-bottom: 30px;">
  99. <div class="container">
  100. <div class="card">
  101. <a href="./operation/operator.html" style="display: block;">
  102. <div class="card-body">
  103. <h4 class="card-title">操作控制系统</h4>
  104. <p class="card-subtitle">2021-3-8</p>
  105. <p class="card-text">简介 简化人工,提高效率,操作可靠</p>
  106. <a href="./operation/operator.html" class="card-link">Read More ></a>
  107. </div>
  108. </a>
  109. </div>
  110. <div class="card">
  111. <a href="./operation/network.html" style="display: block;">
  112. <div class="card-body">
  113. <h4 class="card-title">网络割接系统</h4>
  114. <p class="card-subtitle">2021-3-8</p>
  115. <p class="card-text">简介 自动化巡检防火墙、交换机、路由等设备
  116. </p>
  117. <a href="./operation/network.html" class="card-link">Read More ></a>
  118. </div>
  119. </a>
  120. </div>
  121. <div class="card">
  122. <a href="./operation/knowledge.html" style="display: block;">
  123. <div class="card-body">
  124. <h4 class="card-title">知识库系统</h4>
  125. <p class="card-subtitle">2021-3-8</p>
  126. <p class="card-text">简介 xxxxxxx</p>
  127. <a href="./operation/knowledge.html" class="card-link">Read More ></a>
  128. </div>
  129. </a>
  130. </div>
  131. </div>
  132. </div>
  133. <div class="footer">
  134. Copyright © 京ICP备15007694号 中电汇通版权所有
  135. </div>
  136. <!--通用底部导航-->
  137. <!-- <div id="footer"></div>
  138. <script type="text/javascript">
  139. $('#footer').load('componernt/footer.html')
  140. </script> -->
  141. <!--通用底部导航 结束-->
  142. </body>
  143. </html>