Advertisement
The_Omega

HTML

Jan 5th, 2020
824
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.10 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5. <link rel="icon" href="Sources/favicon.ico">
  6. <meta charset="utf-8" author="The Ωmega" content="Website that exists for no particular reason">
  7. <link rel="stylesheet" type="text/css" href="CSS/Style.css">
  8. <link href="https://fonts.googleapis.com/css?family=Audiowide|Bangers&display=swap" rel="stylesheet">
  9. <link href="https://fonts.googleapis.com/css?family=Gloria+Hallelujah|Kulim+Park&display=swap" rel="stylesheet">
  10. <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
  11. <title>Hello Worldn't</title>
  12. </head>
  13.  
  14. <body>
  15. <div class="TopContainer">
  16. <nav class="navbar navbar-expand-lg navbar-light bg-warning">
  17. <a class="navbar-brand" href="file:///D:/Programming/Web%20Development/01/Test.html">❮Hello Worldn't❯</a>
  18. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  19. <span class="navbar-toggler-icon"></span>
  20. </button>
  21.  
  22. <div class="collapse navbar-collapse" id="navbarSupportedContent">
  23. <ul class="navbar-nav mr-auto">
  24. <li class="nav-item">
  25. <a class="nav-link" target="_blank" href="https://www.udemy.com">სასწავლო მასალები </a>
  26. </li>
  27. <li class="nav-item dropdown">
  28. <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  29. რჩეული კურსები
  30. </a>
  31. <div class="dropdown-menu" aria-labelledby="navbarDropdown">
  32. <a class="dropdown-item" target="_blank" href="https://www.udemy.com/course/the-complete-web-development-bootcamp/">ვებ დეველოპმენტი</a>
  33. <a class="dropdown-item" target="_blank" href="https://www.udemy.com/course/theprojectandromeda_cyber_security_ethical_hacking/">კიბერ უსაფრთხოება</a>
  34. <a class="dropdown-item" target="_blank" href="https://www.udemy.com/course/ccna-on-demand-video-boot-camp/">ქსელები</a>
  35. </div>
  36. </li>
  37. </ul>
  38. <form class="form-inline my-2 my-lg-0">
  39. <input class="form-control mr-sm-2" type="search" placeholder="ჩაწერე და" aria-label="Search">
  40. <button class="btn btn-outline-success my-2 my-sm-0" type="submit">მოძებნე</button>
  41. </form>
  42. </div>
  43. </nav>
  44. <div class="first_text">
  45. <br>
  46. <h1>"Hello World" ნერვებს მიშლის და შესაბამისად "Hello Worldn't" მომაფიქრდა.</h1>
  47. <br>
  48. <p class="SecondText">მოკლედ, ეს არის გვერდი მოზარდებისა და ახალგაზრდებისთვის, ხოლო მისი მიზანია ⥇ <strong><em color="rgb:196,18,68">არანაირი არაფერი</em></strong>.
  49. პროგრამირებას ვსწავლობ და ტუტორიალის მიხედვით ჩემს თავზე უნდა შევქმნა ეს გვერდი, მაგრამ <strong>ߓ</strong>ეისბუქზეც არ მიდევს ფოტო და ამათმა შენი გვერდი შექმენიო:დდ. ყველაფერი რასაც ამ კურსში ვისწვალი, რაღაც ფორმით აქ იქნება. ნუ მთლად
  50. ყველაფერი არა. მაგალითად თუ რომელიმე ელემენტის რამოდენიმე შესაძლო ვარიანტი არსებობს, მაშინ ერთ ვარიანტს ავირჩევ, თუ ამ ელემენტის რამოდენიმეჯერ გამოყენება არ მომიწევს(თუ სხვების დიზაინი არ მომწონს, ან ეს რაღაც არანორმალურად მომწონს, მაშინ სულ
  51. ამ სახის ელემენტს გამოვიყენებ. ბევრს ვბოდიალობ ხოლმე(როცა მეცნიერულ, ტექნიკურ დონეზე ვხსნი საკითხს) ან პირიქით - საერთოდ არ ვიღებ ხმას. ზოგადად არც ცეკვა მიყვარს და არც სიმღერა(თუ მოქმედი პირი მე ვარ), და არც ფართიები და კლუბები მიზიდავს.
  52. მასეთ გართობას მირჩევნია რამე ვისწავლო, წავიკითხო ან ვითამაშო(სამაგიდო თამაშები, ვიდეო თამაშები) ან რამეს ვუყურო.</p>
  53. <br>
  54. </div>
  55. <img src="Sources/Hello worldn't.png" class="MainPhoto" alt="მთავარი ფოტო უნდა იყოს აქ! თუ წესიერი ინტერნეტი გაქვს, რა თქმა უნდა. ან საიტს არ მიპარსავ😈|| ან inspect element-ს არ იყენებ🤔" height="200" width="200">
  56. </div>
  57. <div class="MiddleContainer">
  58. <br>
  59. <p class="Before_rules_text">ჩემი ინტერესის სფეროები:</p>
  60. <ul>
  61. <li>ტექნიკა</li>
  62. <li>მეცნიერება</li>
  63. <li>კომიქსები(და დიახ! აქ მე მარტო ფილმებს, ანიმაციებს და სერიალებს არ ვგულისხმობ! არც თამაშებს. მე ვგულისხმობ სუფთა კომიქსებს! აი თვეში,კვირაში ერთხელ რომ გამოდის და რომ უნდა წაიკითხო!)</li>
  64. <li>ანიმეები(შოუნენები და ეგეც ყველა არა. ესე 50-100მდე ანიმე მექნება დამთავრებული და ძირითადად ყველა უმაგრესია და ერტეულების გარდა. არცერთი არ გრძელდება 12-26 ეპიზოდი! და არც რომანტიკა და დრამაა რაც მთავარია!)</li>
  65. <li>ვიდეო თამაშები</li>
  66. <li>მანქანები</li>
  67. <li>ფილმები</li>
  68. </ul>
  69. <h4>ამჟამად მეტი არ მახსენდება, მაგრამ რაღაც მეუბნება, რომ კიდევ გამომრჩა რაღაც.</h4>
  70. <br>
  71. </div>
  72. <div class="BottomContainer">
  73. <br>
  74. <h3>ესე იგი, ქვემოთ არის ჩემი უნარების შეფასება(მაქსიმუმი - ⭐⭐⭐⭐⭐; მინიმუმი - ⭐)</h3>
  75. <br>
  76. <table class="first_table">
  77. <thead>
  78. <tr>
  79. <th>უნარები</th>
  80. <td>Python</td>
  81. <td>Web Development</td>
  82. <td>Red Hat/CentOS</td>
  83. <td>Algorithms & Data Structures</td>
  84. </tr>
  85. </thead>
  86. <tbody>
  87. <tr>
  88. <th>შეფასება</th>
  89. <td>⭐⭐⭐</td>
  90. <td>⭐,⭐/2</td>
  91. <td>⭐</td>
  92. <td>⭐⭐⭐</td>
  93. </tr>
  94. </tbody>
  95. </table>
  96. <br>
  97. <br>
  98. </div>
  99. <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
  100. <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
  101. <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
  102. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  103. <script type="text/javascript" src="Javascript/index.js"></script>
  104. </body>
  105. <footer style="padding-bottom: 20px">
  106. <p class="Footer_text">© The Ωmega | 2020</p>
  107. </footer>
  108.  
  109. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement