SHARE
TWEET

lala

a guest Jan 21st, 2020 74 in 2 days
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.  
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta charset="utf-8">
  7. <link rel="stylesheet" type="text/css" href="lala1.css">
  8. <meta name="author" content="Lala Bayramova ">
  9.     <meta name="description" content="lala1.css">
  10.  
  11. </head>
  12. <title>Medical nurse </title>
  13. <body>
  14.  
  15. <div class="header">
  16.   <a href="#default" class="logo"> <img src="C:\Users\Samirin kompu\Desktop\lala1\logo.png"> </a>
  17.   <div class="header-center">
  18.     <a class="active" href="#home">Ana səhifə </a>
  19.    
  20.     <a href="#xəstəliklər">Xəstəliklər</a>
  21.    
  22.  
  23. <div class="dropdown">
  24.     <button class="dropbtn">Tibbi bölümlər
  25.       <i class="fa fa-caret-down"></i>
  26.     </button>
  27.     <div class="dropdown-content">
  28.       <a href="#">Kardiologiya</a>
  29.       <a href="#">Anesteziologiya</a>
  30.       <a href="#">Reanimatologiya</a>
  31. <a href="#">Farmakologiya</a>
  32.     </div>
  33.  
  34.  
  35.  
  36.  
  37.   </div>
  38.  
  39.   <a href="#əlaqə">Əlaqə</a>
  40. </div>
  41.  
  42.  
  43.  
  44. <div class="topnav">
  45.  <div class="search-container">
  46.     <form action="/action_page.php">
  47.       <input type="text" placeholder="Search.." name="search">
  48.       <button type="submit"><i class="fa fa-search"></i></button>
  49. </form>
  50. </div>
  51. </div>
  52. <div style="padding-left:20px">
  53. </div>
  54.  
  55. <img src="C:\Users\Samirin kompu\Desktop\lala1\cardio1.jpeg " width="1340" height="600">
  56.  
  57.   <h1> Məlumat </h1>
  58.  <img src="C:\Users\Samirin kompu\Desktop\lala1\sekil.jpeg" height="550px" width="340px">
  59.  
  60.  
  61. <div class="melumat">
  62.    
  63.     <h2>Bayramova Lala</h2>
  64.     <p><i>Təhsil: Bakı 1 nömrəli tibb kollecinin müalicə işi fakültəsini bitirmişdir. İxtisasca feldşerdir.</i></br>
  65.     Fəaliyyəti:Kardiologiya,anesteziologiya ve reanimatologiya üzrə ixtisaslaşmışdır.</br>
  66. Təhsil 2: Hal-hazırda ADNSU kompüter mühəndisliyi ixtisasi üzrə təhsil almaqdadır.</br>
  67. *Layihənin fəaliyyət məqsədi informativ xarakter daşıyır.
  68.     </p>
  69.  
  70. </div>
  71.  
  72.  
  73.  
  74. <div class="container">
  75.   <img src="C:\Users\Samirin kompu\Desktop\lala1\cardiology1.jpg" alt="kardio1" class="image" style="width:300px" height="250px">
  76.   <div class="middle">
  77.     <div class="text">Kardiologiya</div>
  78.   </div>
  79.  
  80. </div>
  81.  
  82. <div class="container1">
  83.   <img src="C:\Users\Samirin kompu\Desktop\lala1\anestezi.jpg" alt="kardio1" class="image" style="width:300px" >
  84.   <div class="middle1">
  85.     <div class="text">Anesteziologiya</div>
  86.   </div>
  87.  
  88.  
  89. <div class="container2">
  90.   <img src="C:\Users\Samirin kompu\Desktop\lala1\reanimation.jpg" alt="kardio1" class="image" style="width:300px" height="250px">
  91.   <div class="middle">
  92.     <div class="text">Reanimatologiya</div>
  93.   </div>
  94.  
  95.  
  96. <div class="container3">
  97.   <img src="C:\Users\Samirin kompu\Desktop\lala1\pharmacology.jpg" alt="kardio1" class="image" style="width:300px" height="250px">
  98.   <div class="middle">
  99.     <div class="text">Farmakologiya</div>
  100.   </div>
  101.  
  102.  
  103.  
  104.  
  105.  
  106.  
  107.  
  108.  
  109.  
  110.  
  111.  
  112.  
  113.  
  114. </body>
  115. </html>
  116.  
  117.  
  118.  
  119.  
  120.  
  121.  
  122.  
  123.  
  124. .header {
  125.   overflow: hidden;
  126.   background-color: #f1f1f1;
  127.   padding: 20px 10px;
  128. }
  129.  
  130. /* Style the header links */
  131. .header a {
  132.   float: left;
  133.   color: black;
  134.   text-align: center;
  135.   padding: 20px;
  136.   text-decoration: none;
  137.   font-size: 18px;
  138.   font-weight: bold;
  139.   line-height: 25px;
  140.   border-radius: 10px;
  141. }
  142.  
  143.  
  144. .header a.logo {
  145.   font-size: -60px;
  146.   font-weight: bold;
  147. padding: 0px;
  148.  
  149. margin: 0px;
  150. }
  151.  
  152.  
  153. .header a:hover {
  154.   background-color:#00BFFF;
  155.   color: black;
  156.  
  157. }
  158.  
  159.  
  160. .header a.active {
  161.   background-color: 0;
  162.   color: black;
  163.  
  164. }
  165.  
  166.  
  167. .header-right {
  168.   float: right;
  169. }
  170.  
  171. /* Add media queries for responsiveness - when the screen is 500px wide or less, stack the links on top of each other */
  172. @media screen and (max-width: 500px) {
  173.   .header a {
  174.     float: none;
  175.     display: block;
  176.     text-align: left;
  177.   }
  178.   .header-center {
  179.     float: none;
  180.   }
  181. }
  182.  
  183.  
  184. .dropdown {
  185.   float: left;
  186.   overflow: hidden;
  187.  
  188. }
  189.  
  190. .dropdown .dropbtn {
  191.   font-size: 16px;  
  192.   border: none;
  193.   outline: none;
  194.   color: black;
  195.   padding: 24px 16px;
  196.   background-color:inherit;
  197.   border-radius: 10px;
  198.   margin: 0;
  199.   font-weight: bold;
  200. }
  201.  
  202. .navbar a:hover, .dropdown:hover .dropbtn {
  203.   background-color: #00BFFF;
  204.   width: 160px;
  205.   */height  islemir */
  206.    min-height: 10px;
  207. }
  208.  
  209. .dropdown-content {
  210.   display: none;
  211.   position: relative;
  212.   background-color: #E6E6E6;
  213.   min   wid  80
  214.   box-shadow: blue;
  215.   z-index: 1;
  216.  
  217.  
  218. }
  219.  
  220. .dropdown-content a {
  221.   float: none;
  222.   color: black;
  223.   padding: 12px 16px;
  224.   text-decoration: none;
  225.  display: block;
  226.   text-align: left;
  227. }
  228.  
  229. .dropdown-content a:hover {
  230.   background-color: #00BFFF;
  231.  
  232. }
  233.  
  234. .dropdown:hover .dropdown-content {
  235.   display: block;
  236.  
  237. }
  238.  
  239.  
  240.  
  241. *\search container kod*\
  242. .topnav {
  243.   overflow: hidden;
  244.   background-color:#E6E6E6 ;
  245. }
  246.  
  247. .topnav a {
  248.   float: left;
  249.   display: block;
  250.   color: black;
  251.   text-align: center;
  252.   padding: 14px 16px;
  253.   text-decoration: none;
  254.   font-size: 17px;
  255. }
  256.  
  257. .topnav a:hover {
  258.   background-color: #ddd;
  259.   color: black;
  260. }
  261.  
  262. .topnav a.active {
  263.   background-color: #2196F3;
  264.   color: white;
  265. }
  266.  
  267. .topnav .search-container {
  268.   float: right;
  269. }
  270.  
  271. .topnav input[type=text] {
  272.   padding: 6px;
  273.   margin-top: 8px;
  274.   font-size: 17px;
  275.   border: none;
  276. }
  277.  
  278. .topnav .search-container button {
  279.   float: right;
  280.   padding: 16px 18px;
  281.   margin-top: 8px;
  282.   margin-right: 36px;
  283.   background: #ddd;
  284.   font-size: 17px;
  285.   border: none;
  286.   cursor: pointer;
  287. }
  288.  
  289. .topnav .search-container button:hover {
  290.   background: #ccc;
  291. }
  292.  
  293. @media screen and (max-width: 600px) {
  294.   .topnav .search-container {
  295.     float: none;
  296.   }
  297.   .topnav a, .topnav input[type=text], .topnav .search-container button {
  298.     float: none;
  299.     display: block;
  300.     text-align: left;
  301.     width: 100%;
  302.     margin: 0;
  303.     padding: 14px;
  304.   }
  305.   .topnav input[type=text] {
  306.     border: 2px solid #ccc;  
  307.   }
  308. }
  309.  
  310.  
  311. h1{
  312. font-size: 35px;
  313. font-weight: bold;
  314. text-align: center;
  315. background-color: #C0C0C0;
  316. margin-top: 0.2px;
  317. padding-top:20px;
  318. text-decoration: none;
  319. padding-right: 30px;
  320. border-top: 30px;
  321. width:1600px;
  322. }
  323.  
  324.  .melumat{
  325.     background-size: 100px;
  326.     background-color: #C0C0C0;
  327.     position: relative;
  328.     right: 0px;
  329.     margin-top: 0px;
  330.     padding-top: 10px;
  331.     font-size: 20px;
  332.  
  333. }
  334.  
  335.  
  336.  
  337.  
  338.  
  339.  
  340.  
  341. .cardio1{
  342.     /* width islemir*/
  343.     /*burdaki kodlar html de isledi burda yox */
  344. width: 30px;
  345. height: 300px;
  346. border-radius: 50%;
  347. }
  348.  
  349.  
  350. /*cardiology1 container*/
  351. .container {
  352.   position: relative;
  353.   width: 23%;
  354. }
  355.  
  356. .image {
  357.   opacity: 0.8;
  358.   display: block;
  359.   width: 60%;
  360.   height: auto;
  361.   transition: .9s ease;
  362.   backface-visibility: hidden;
  363. }
  364.  
  365. .middle {
  366.   transition: .5s ease;
  367.   opacity: 0;
  368.   position: absolute;
  369.   top: 50%;
  370.   left: 50%;
  371.   transform: translate(-50%, -50%);
  372.   -ms-transform: translate(-50%, -50%)
  373. }
  374.  
  375. .container:hover .image {
  376.   opacity: 0.3;
  377. }
  378.  
  379. .container:hover .middle {
  380.   opacity: 1;
  381. }
  382.  
  383. .text {
  384.   background-color: blue;
  385.   color: white;
  386.   font-size: 18px;
  387.   font-weight: bold;
  388.   padding: 16px 32px;
  389. }
  390.  
  391.  
  392.  
  393. /*anesteziology*/
  394. .container1 {
  395.   position: relative;
  396.   width: 63%;
  397. }
  398.  
  399. .image {
  400.   opacity: 0.8;
  401.   display: block;
  402.   width: 80%;
  403.   height: auto;
  404.   transition: .9s ease;
  405.   backface-visibility: hidden;
  406. }
  407.  
  408. .middle1 {
  409.   transition: .5s ease;
  410.   opacity: 0;
  411.   position: absolute;
  412.   top: 50%;
  413.   left: 50%;
  414.   transform: translate(-50%, -50%);
  415.   -ms-transform: translate(-50%, -50%)
  416. }
  417.  
  418. .container:hover .image {
  419.   opacity: 0.3;
  420. }
  421.  
  422. .container:hover .middle1 {
  423.   opacity: 1;
  424. }
  425.  
  426. .text {
  427.   background-color: blue;
  428.   color: white;
  429.   font-size: 18px;
  430.   font-weight: bold;
  431.   padding: 66px 32px;
  432. }
  433.  
  434.  
  435. /*  Reanimatology     */
  436. .container2 {
  437.   position: relative;
  438.   width: 23%;
  439. }
  440.  
  441. .image {
  442.   opacity: 0.8;
  443.   display: block;
  444.   width: 60%;
  445.   height: auto;
  446.   transition: .9s ease;
  447.   backface-visibility: hidden;
  448. }
  449.  
  450. .middle {
  451.   transition: .5s ease;
  452.   opacity: 0;
  453.   position: absolute;
  454.   top: 50%;
  455.   left: 50%;
  456.   transform: translate(-50%, -50%);
  457.   -ms-transform: translate(-50%, -50%)
  458. }
  459.  
  460. .container:hover .image {
  461.   opacity: 0.3;
  462. }
  463.  
  464. .container:hover .middle {
  465.   opacity: 1;
  466. }
  467.  
  468. .text {
  469.   background-color: blue;
  470.   color: white;
  471.   font-size: 18px;
  472.   font-weight: bold;
  473.   padding: 16px 32px;
  474. }
  475.  
  476. /*pharmacology*/
  477. .container3 {
  478.   position: relative;
  479.   width: 23%;
  480. }
  481.  
  482. .image {
  483.   opacity: 0.8;
  484.   display: block;
  485.   width: 60%;
  486.   height: auto;
  487.   transition: .9s ease;
  488.   backface-visibility: hidden;
  489. }
  490.  
  491. .middle {
  492.   transition: .5s ease;
  493.   opacity: 0;
  494.   position: absolute;
  495.   top: 50%;
  496.   left: 50%;
  497.   transform: translate(-50%, -50%);
  498.   -ms-transform: translate(-50%, -50%)
  499. }
  500.  
  501. .container:hover .image {
  502.   opacity: 0.3;
  503. }
  504.  
  505. .container:hover .middle {
  506.   opacity: 1;
  507. }
  508.  
  509. .text {
  510.   background-color: blue;
  511.   color: white;
  512.   font-size: 18px;
  513.   font-weight: bold;
  514.   padding: 16px 32px;
  515. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Top