Advertisement
Guest User

Untitled

a guest
Dec 22nd, 2015
145
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 12.53 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="utf-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1">
  7.     <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
  8.     <title>Bootstrap 101 Template</title>
  9.  
  10.     <!-- Bootstrap -->
  11.     <link href="style.css" rel="stylesheet">
  12.  
  13.     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  14.     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  15.     <!--[if lt IE 9]>
  16.      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  17.      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  18.    <![endif]-->
  19.     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  20.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  21.     <!-- Include all compiled plugins (below), or include individual files as needed -->
  22.     <script src="bootstrap.min.js"></script>
  23.    
  24.   </head>
  25.   <body>
  26.    
  27.     <div class="container">
  28.     <div class="row">
  29.     <div class="logo">
  30.         <div class="col-md-12">
  31.             <div class="logos">
  32.             <img src="http://imagizer.imageshack.us/v2/xq90/633/2Fg759.png" border="0">
  33.             </div>
  34.         </div>
  35.     </div> 
  36.     </div>
  37.    
  38.     <div class="row">
  39.         <div class="header">
  40.         <div class="col-md-12">
  41.             <nav class="navbar navbar-default navbar-static-top" role="navigation">
  42.                 <div class="navbar-header">
  43.                      
  44.                     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
  45.                          <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
  46.                     </button> <a class="navbar-brand" href="#"></a>
  47.                 </div>
  48.                
  49.                 <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  50.                     <ul class="nav navbar-nav">
  51.                         <li >
  52.                             <a href="#">Strona Główna</a>
  53.                         </li>
  54.                        
  55.                         <li class="dropdown">
  56.                              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Laboratoria<strong class="caret"></strong></a>
  57.                             <ul class="dropdown-menu">
  58.                                 <li>
  59.                                     <a href="#">Laboratorium technologiczne MBE z kontrolą jakości wytwarzanych struktur SIMS</a>
  60.                                 </li>
  61.                                 <li>
  62.                                     <a href="#">Laboratorium naukowe magnetotransportu przy niskich i ultra niskich temperaturach</a>
  63.                                 </li>
  64.                                 <li>
  65.                                     <a href="#">Laboratorium naukowe niskotemperaturowej luminescencji</a>
  66.                                 </li>
  67.                                
  68.                                 <li>
  69.                                     <a href="#">Laboratorium technologiczne nanolitogtafii z fotolitografią</a>
  70.                                 </li>
  71.                                
  72.                                 <li>
  73.                                     <a href="#">Pracownia Mikroskopii Elektronowej i Preparatyki</a>
  74.                                 </li>
  75.                                 <li>
  76.                                     <a href="#">Pracownia Komputerowych Systemów Pomiarowych</a>
  77.                                 </li>
  78.                                 <li>
  79.                                     <a href="#">Pracownia studencka nanopreparatyki</a>
  80.                                 </li>
  81.                                 <li>
  82.                                     <a href="#">Pracownia studencka transportowych zjawisk w strukturach półprzewodnikowych</a>
  83.                                 </li>
  84.                                 <li>
  85.                                     <a href="#">Pracownia studencka zjawisk optycznych w strukturach półprzewodnikowych</a>
  86.                                 </li>
  87.                             </ul>
  88.                         </li>
  89.                        
  90.                         <li>
  91.                             <a href="#">Pracownicy</a>
  92.                         </li>
  93.                        
  94.                         <li class="dropdown">
  95.                              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Centrum<strong class="caret"></strong></a>
  96.                             <ul class="dropdown-menu">
  97.                                 <li>
  98.                                     <a href="#">Centrum</a>
  99.                                 </li>
  100.                                
  101.                                 <li>
  102.                                     <a href="#">Dyrekcja</a>
  103.                                 </li>
  104.                                 <li>
  105.                                     <a href="#">Historia</a>
  106.                                 </li>
  107.                                
  108.                                 <li class="menu-item dropdown dropdowns">
  109.                             <a href="#" class="dropdown-toggle" data-toggle="dropdown">Projekty badawcze</a>
  110.                             <ul class="dropdown-menu">
  111.                                 <li class="menu-item ">
  112.                                     <a href="#">Nowoczesne technologie materiałowe stosowane w przemyśle lotniczym</a>
  113.                                 </li>
  114.                                
  115.                                 <li class="menu-item ">
  116.                                     <a href="#">Projekt działanie 1.3 Regionalny system innowacji - DIRAC</a>
  117.                                 </li>
  118.                                
  119.                                 <li class="menu-item ">
  120.                                     <a href="#">Projekt działanie 1.3 Regionalny system innowacji - PVD</a>
  121.                                 </li>
  122.                                
  123.                             </ul>
  124.                         </li>
  125.                                
  126.                                 <li>
  127.                                     <a href="#">Publikacje Naukowe</a>
  128.                                 </li>
  129.                                
  130.                                 <li>
  131.                                     <a href="#">Rada Centrum</a>
  132.                                 </li>
  133.                                
  134.                                 <li>
  135.                                     <a href="#">Regulamin Centrum</a>
  136.                                 </li>
  137.                                
  138.                             </ul>
  139.                         </li>
  140.                        
  141.                         <li class="dropdown">
  142.                              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Galeria<strong class="caret"></strong></a>
  143.                             <ul class="dropdown-menu">
  144.                                 <li>
  145.                                     <a href="#">Budynek</a>
  146.                                 </li>
  147.                                
  148.                                 <li class="menu-item dropdown dropdowns">
  149.                             <a href="#" class="dropdown-toggle" data-toggle="dropdown">Pracownie studenckie</a>
  150.                             <ul class="dropdown-menu">
  151.                                 <li class="menu-item ">
  152.                                     <a href="#">Pracownia Komputerowych Systemów Pomiarowych</a>
  153.                                 </li>
  154.                                
  155.                                 <li class="menu-item ">
  156.                                     <a href="#">Pracownia studencka nanopreparatyki</a>
  157.                                 </li>
  158.                                
  159.                                 <li class="menu-item ">
  160.                                     <a href="#">Pracownia studencka zjawisk optycznych w strukturach półprzewodnikowych</a>
  161.                                 </li>
  162.                                
  163.                             </ul>
  164.                         </li>
  165.                             </ul>
  166.                         </li>
  167.                         <li class="dropdown">
  168.                              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Studia<strong class="caret"></strong></a>
  169.                             <ul class="dropdown-menu">
  170.                                 <li>
  171.                                     <a href="#">Projekt NIPR Inżynieria Materiałowa</a>
  172.                                 </li>
  173.                                 <li>
  174.                                     <a href="#">Kierunek zamawiany "NANO"</a>
  175.                                 </li>
  176.                                 <li>
  177.                                     <a href="#">Jakość kształcenia</a>
  178.                                 </li>
  179.                                
  180.                                 <li>
  181.                                     <a href="#">Sylabusy</a>
  182.                                 </li>
  183.                                
  184.                                 <li>
  185.                                     <a href="#">E-learning</a>
  186.                                 </li>
  187.                                 <li>
  188.                                     <a href="#">Matryce efektów kształcenia</a>
  189.                                 </li>
  190.                                
  191.                             </ul>
  192.                         </li>
  193.                        
  194.                         <li>
  195.                             <a href="#">Do pobrania</a>
  196.                         </li>
  197.                        
  198.                         <li>
  199.                             <a href="#">Kontakt</a>
  200.                         </li>
  201.                     </ul>
  202.                    
  203.                    
  204.                 </div>
  205.                
  206.             </nav>
  207.         </div>
  208.         </div>
  209.     </div>
  210.     <div class="row">
  211.         <div class="col-md-12">
  212.             <div class="row">
  213.                 <div class="col-md-6">
  214.                     <div class="row">
  215.                         <div class="slideshow">
  216.                         <div class="col-md-12">
  217.                             <div class="carousel slide" id="carousel-632821">
  218.                                 <ol class="carousel-indicators">
  219.                                     <li class="active" data-slide-to="0" data-target="#carousel-632821">
  220.                                     </li>
  221.                                     <li data-slide-to="1" data-target="#carousel-632821">
  222.                                     </li>
  223.                                     <li data-slide-to="2" data-target="#carousel-632821">
  224.                                     </li>
  225.                                 </ol>
  226.                                 <div class="carousel-inner">
  227.                                     <div class="item active">
  228.                                         <img src="http://imagizer.imageshack.us/v2/xq90/908/ZCLy4S.jpg" border="0">
  229.                                         <div class="carousel-caption">
  230.                                             <h4>
  231.                                                 Najnowocześniejsze pracownie studenckie
  232.                                             </h4>
  233.                                             <p>
  234.                                                 Centrum wyposażone jest w najnowocześniejszą aparaturę badawczą
  235.                                             </p>
  236.                                         </div>
  237.                                     </div>
  238.                                     <div class="item">
  239.                                         <img src="http://imagizer.imageshack.us/v2/xq90/908/eG7zKJ.jpg" border="0">
  240.                                         <div class="carousel-caption">
  241.                                             <h4>
  242.                                                 Nanostruktury
  243.                                             </h4>
  244.                                             <p>
  245.                                                 Dzięki technologii MBE możliwe jest wytwarzanie najbardziej zaawansowanych nanostruktur
  246.                                             </p>
  247.                                         </div>
  248.                                     </div>
  249.                                     <div class="item">
  250.                                         <img src="http://imagizer.imageshack.us/v2/xq90/907/gcpO2v.jpg" border="0">
  251.                                         <div class="carousel-caption">
  252.                                             <h4>
  253.                                                 Innowacyjne projekty badawcze
  254.                                             </h4>
  255.                                             <p>
  256.                                                 W Centrum prowadzone są badania z zakresu mikroelektroniki I nantechnologii które będą przynosić innowacyjne rozwiązania w przemyśle
  257.                                             </p>
  258.                                         </div>
  259.                                     </div>
  260.                                 </div> <a class="left carousel-control" href="#carousel-632821" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> <a class="right carousel-control" href="#carousel-632821" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
  261.                             </div>
  262.                         </div>
  263.                         </div>
  264.                     </div>
  265.                     <div class="row">
  266.                         <div class="col-md-12">
  267.                         <div class="logos">
  268.                             <div class="row">
  269.                                 <div class="col-md-4">
  270.                                     <img src="http://imagizer.imageshack.us/v2/xq90/911/NP0vxr.jpg" border="0">
  271.                                 </div>
  272.                                 <div class="col-md-4">
  273.                                     <img src="http://imagizer.imageshack.us/v2/xq90/907/fni0wx.jpg" border="0">
  274.                                 </div>
  275.                                 <div class="col-md-4">
  276.                                     <img src="http://imagizer.imageshack.us/v2/xq90/910/3ntOkJ.jpg" border="0">
  277.                                 </div>
  278.                             </div>
  279.                             <div class="row">
  280.                                 <div class="col-md-4">
  281.                                     <img src="http://imagizer.imageshack.us/v2/xq90/907/gBuJMC.jpg" border="0"><
  282.                                 </div>
  283.                                 <div class="col-md-4">
  284.                                     <img src="http://imagizer.imageshack.us/v2/xq90/633/a6uv4s.jpg" border="0">
  285.                                 </div>
  286.                                 <div class="col-md-4">
  287.                                     <img src="http://imagizer.imageshack.us/v2/xq90/910/2TGHbJ.jpg" border="0">
  288.                                 </div>
  289.                             </div>
  290.                         </div>
  291.                         </div>
  292.                     </div>
  293.                     <div class="row">
  294.                         <div class="col-md-12">
  295.                             <div class="row">
  296.                              <p> Filmy promocyjne</p>
  297.                                 <div class="col-md-12">
  298.                                     <iframe width="480" height="280" src="https://www.youtube.com/embed/fI3AWEhfcpo" frameborder="0" allowfullscreen></iframe>
  299.                                 </div>
  300.                             </div>
  301.                             <div class="row"></br>
  302.                                 <div class="col-md-12">
  303.                                     <iframe width="480" height="270" src="https://www.youtube.com/embed/5VUrdF4wCS0" frameborder="0" allowfullscreen></iframe>
  304.                                 </div>
  305.                             </div>
  306.                         </div>
  307.                     </div>
  308.                     <div class="row">
  309.                         <div class="col-md-12">
  310.                        
  311.                             <h3>
  312.                                 <strong>Projekty Badawcze</strong>
  313.                             </h3>
  314.                             <p>
  315.                                 Projekty badawcze realizowane Centrum Dydaktyczno - Naukowym Mikroelektroniki i Nanotechnologii
  316.                             </p>
  317.                             <div class="pomarancz">
  318.                                 <ol>
  319.                                     <li>
  320.                                         <a href="#">Nowoczesne technologie materiałowe stosowane w przemyśle lotniczym</a>
  321.                                     </li>
  322.                                     <li>
  323.                                         <a href="#">Wpływ punktu Diraca na stany elektronowe i fononowe w nanostrukturach na bazie związków półprzewodnikowych HgCdTe, HgZnTe.</a>
  324.                                     </li>
  325.                
  326.                                 </ol>
  327.                             </div>
  328.                             <p>
  329.                                 <a class="btn" href="#">Czytaj dalej »</a>
  330.                             </p>
  331.                         </div>
  332.                     </div>
  333.                 </div>
  334.                 <div class="col-md-6">
  335.                     <div class="row">
  336.                         <h3>
  337.                          Aktualności
  338.                         </h3>
  339.                         <div class="content">
  340.                         <div class="col-md-12">
  341.                            
  342.                         </div>
  343.                         </div>
  344.                     </div>
  345.                    
  346.                    
  347.                    
  348.                 </div>
  349.             </div>
  350.         </div>
  351.     </div>
  352.     <div class="row">
  353.         <div class="col-md-12">
  354.             <div class="foot">
  355.            
  356.      
  357.         <p><strong> Nawigacja</strong></p>
  358.         <ul >
  359.                 <li>
  360.                     <a href="#">Strona Główna</a>
  361.                 </li>
  362.                 <li>
  363.                     <a href="#">Consectetur adipiscing elit</a>
  364.                 </li>
  365.                 <li>
  366.                     <a href="#">Pracownicy</a>
  367.                 </li>
  368.                 <li>
  369.                     <a href="#">MBE</a>
  370.                 </li>
  371.                 <li>
  372.                     <a href="#">Magnetotransport</a>
  373.                 </li>
  374.                 <li>
  375.                     <a href="#">O Centrum</a>
  376.                 </li>
  377.                 <li>
  378.                     <a href="#">Dział techniczny</a>
  379.                 </li>
  380.                 <li>
  381.                     <a href="#">Uniwersytet Rzeszowski</a>
  382.                 </li>
  383.             </ul>
  384.      
  385.    
  386.     </div>
  387.         </div>
  388.     </div>
  389.     <div class="row">
  390.     <div class="footer">
  391.         <div class="col-md-12">
  392.              <div class="pods">
  393.             <h6>Copyright © 2015 by</h6>
  394.             </div>
  395.         </div>
  396.     </div>
  397.     </div>
  398. </div>
  399.  
  400.    
  401.    
  402.    
  403.    
  404.    
  405.    
  406.    
  407.    
  408.    
  409.   </body>
  410. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement