main.html 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title> manbeglin </title>
  5. <base href=".">
  6. <meta charset = "UTF-8"/>
  7. <link rel = "stylesheet" type = "text/css" href = "./css/main-style.css"/>
  8. <link href="img/glider.ico" rel="icon" type="image/x-icon" />
  9. </head>
  10. <body>
  11. <center> <div class = "container">
  12. <header>
  13. <a href = "pages/page-login.html" id = "button">
  14. Войти </a>
  15. <div id = "header-banner">
  16. <a href = "main.html"> <img id = "logo" src="./img/logo-website.png"> </a>
  17. <p id = "text-header"> Руководство для начинающего
  18. <span style = "color: red; font-size: 25px;">
  19. Линуксоида</span><span style = "color: #428bca;
  20. font-size: 20px">.org</span> <!-- #08FF28 -->
  21. </p>
  22. </div>
  23. </header>
  24. <div class = "sidebar">
  25. <b> <p id = "sidebar-text-head"> Содержание </p> </b>
  26. <ul class = "lists" style = "margin-top: 0px; margin-bottom: 0px; padding-left: 0px">
  27. <li> <a style = "text-decoration: none" href = "pages/gnulinux.html"> Почему GNU/Linux? </a> </li>
  28. <li> <a style = "text-decoration: none" href = "pages/graph-shell.html"> Графическое окружение </a> </li>
  29. <li> <a style = "text-decoration: none" href = "pages/cli.html"> CLI или консоль </a> </li>
  30. <li> <a style = "text-decoration: none" href = "pages/file-system.html"> Файловая система </a> </li>
  31. <li> <a style = "text-decoration: none" href = "pages/security.html"> Безопасность </a> </li>
  32. <li> <a style = "text-decoration: none" href = "pages/software.html"> Рекомендуемый софт </a> </li>
  33. </ul>
  34. </div>
  35. <div class = "content">
  36. <h3 id = "content-header">
  37. Главная страница
  38. </h3>
  39. <hr id = "custom-hr2" />
  40. <h4 id = "content-header2"> Привет друг! </h4>
  41. <p id = "content-text"> Ты попал
  42. на сайт, в котором содержатся
  43. несколько вступительных документаций по <b>Unix</b>-подобным
  44. операционным системам, графическим окружениям,
  45. консольному софту, работы c файловой системой семейства
  46. <b>GNU/Linux</b>, о безопасности своей ОС и многое другое.
  47. Также здесь описываюся полные процессы установки, настройки и
  48. ведения данных систем.
  49. Кроме того приводятся примеры <b> Free Open Source</b> программ,
  50. которые я рекомендовал бы использовать в качестве альтернативы
  51. коммерческим (проприетарным) продуктам корпораций <u> зла</u>!
  52. <img src = "./img/xorg-archlinux.png"
  53. style = "width: 100px; height: 100px;
  54. margin: 30px; float: left">
  55. <img src = "./img/gr-en.png" style = "width: 20%;
  56. height: 20%; margin: 10px 0 0 15px;
  57. border-radius: 10px; float: right">
  58. <br/>
  59. <br/>
  60. Думаю ты здесь не заскучешь, а если вдруг появятся
  61. вопросы, то жду писем на мою <a style = "color: #30b2f9; text-decoration: none" href = "mailto:nik.pavlov.9191@inbox.ru"> почту </a>
  62. или заглядывай в обсуждения
  63. <a style = "color: #30b2f9; text-decoration: none" href = "https://www.notabug.org/ZeroNe/MPKB/issues"> репозитория</a>,
  64. который находится на серверах <a style = "color: #30b2f9; text-decoration: none" href = https://www.notabug.org/about>NotABug</a> :)
  65. </p>
  66. <img src = "./img/ranger.png"
  67. style = "width: 15%; height: 20%;
  68. margin: 30px 55px 0 0; border-radius: 10px;
  69. float: right;">
  70. <img src = "./img/nano.png"
  71. style = "width: 15%; margin: 34px 0 0 -95px;
  72. border-radius: 10px; float: left;">
  73. <img src = "./img/bash.png"
  74. style = "width: 15%; height: 20%;
  75. margin: 25px 0 0 0; border-radius: 10px;
  76. float: none;">
  77. <img src = "./img/fsf.png"
  78. style = "width: 15%; height: 20%;
  79. border-radius: 10px; margin: 25px 53px 0 -40px;
  80. float: right;">
  81. </div>
  82. <div class = "clear"> </div>
  83. <footer >
  84. <div style = "padding: 5px">
  85. <div id = "left-bottom-hyper">
  86. <a href = "https://www.notabug.org/ZeroNe/MPKB">
  87. <img id = "pict-notabug2"
  88. src = "./img/notabug-logo.png">
  89. </a>
  90. <a href = "mailto:nik.pavlov.9191@inbox.ru">
  91. <img id = "pict-mail2"
  92. src = "./img/mail-logo.png">
  93. </a>
  94. </div>
  95. <p style = "font-family: FuturaRoundBold;
  96. font-size: 12px;
  97. margin: 4px 430px 0 430px;
  98. text-align: center;
  99. background: white;
  100. padding: 4px;
  101. border-radius: 15px; ">
  102. Автор сайта: Павлов Никита из гр. ИСП-932</p>
  103. <p style = "font-family:FuturaRoundBold;
  104. font-size: 12px;
  105. margin: -23px 35px 0 980px;
  106. text-align: center;
  107. background: white;
  108. padding: 4px;
  109. color: #428bca;
  110. border-radius: 15px; ">
  111. Версия сайта: 0.4</p>
  112. </div>
  113. </footer>
  114. </div> </center>
  115. </body>
  116. </html>