Facebook
From Cream Wigeon, 1 Year ago, written in Plain Text.
Embed
Download Paste or View Raw
Hits: 148
  1. <!DOCTYPE html>
  2. <html lang="sq">
  3.  
  4.     <head>
  5.     <meta charset="utf-8">
  6.     <link rel="stylesheet" href="stilizimi.css">
  7.     <title>ARRA Academy - Trajnime intenzive...</title>
  8. </head>
  9.  
  10. <body>
  11.     <!-- Koka e faqes ne te cilen prezantohen elementet kryesore dhe informuese te nje faqeje -->
  12.     <section id="koka">
  13.         <div class="koka permbajtja">
  14.             <div class="navigimi">
  15.                 <div class="logo">
  16.                     <a href="#logo">
  17.                         <h1><span>ARRA</span> Academy</h1>
  18.                     </a>
  19.                 </div>
  20.                 <div class="nav-list">
  21.                     <div class="hamburger">
  22.                         <div class="bar"></div>
  23.                     </div>
  24.                     <ul>
  25.                         <li><a href="#">Ballina</a></li>
  26.                         <li><a href="#">Sherbimet</a></li>
  27.                         <li><a href="#">Projektet</a></li>
  28.                         <li><a href="#">Info</a></li>
  29.                         <li><a href="#">Kontakti</a></li>
  30.                     </ul>
  31.                 </div>
  32.             </div>
  33.         </div>
  34.     </section>
  35.  
  36.     <!-- Slideri i cili e mbush pamjen e faqes qe per ne eshte i njohur si nje hero... -->
  37.  
  38.     <section id="hero">
  39.         <div class="hero permbajtja">
  40.             <div>
  41.                 <h1>Mire se vini<span></span></h1>
  42.                 <h1>ARRA <span></span></h1>
  43.                 <h1>Academy <span></span></h1>
  44.                 <a href="#" type="button" class="btn">Apliko tani</a>
  45.             </div>
  46.         </div>
  47.     </section>
  48.  
  49.     <!-- ketu do te paraqiten disa sherbime ne forme te kolonave -->
  50.  
  51.     <section id="sherbimet">
  52.         <div class="sherbimet permbajtja">
  53.             <div class="sherbimet-titulli">
  54.                 <h1 class="dizajni-titull">Pse duhet ta <span>Zgjedhi</span></h1>
  55.                 <p>Planprogrami ynë është i përgaditur për të gjithë, pra ju përshtatet sëcilit nga ju edhe nëse nuk keni njohuri fare apo nuk jeni në drejtimin e informatikës, ne ju sigurojmë që do të aftësoheni brenda kësaj përiudhe të shkurtë kohore ashtu siç u aftësuan në mënyrë profesionale qindra studentë tanë...</p>
  56.             </div>
  57.             <div class="sherbimet-lista">
  58.                 <div class="sherbimi-caktuar">
  59.                     <div class="ikon"><img src="sh1.png"></div>
  60.                     <h2>Përformancë E Shkëlqyer</h2>
  61.                     <p>Sepse ne nuk perdorim teori të thatë, jemi të përqëndruar në 80% praktikë në dëtyra e projektime reale.</p>
  62.                 </div>
  63.  
  64.                 <div class="sherbimi-caktuar">
  65.                     <div class="ikon"><img src="sh2.png"></div>
  66.                     <h2>Evidentohen Dhe Vlerësohen Të Gjithë</h2>
  67.                     <p>Pas çdo sesioni ka pyetje edhe dëtyra dhe pas çdo moduli sfidoheni me projekte reale dhe provime. </p>
  68.                 </div>
  69.  
  70.                 <div class="sherbimi-caktuar">
  71.                     <div class="ikon"><img src="sh3.png"></div>
  72.                     <h2>Çertifikatë Për Sëcilin Modul</h2>
  73.                     <p>Sepse ne nuk perdorim teori të thatë, jemi të përqëndruar në 80% praktikë në dëtyra e projektime reale.</p>
  74.                 </div>
  75.             </div>
  76.         </div>
  77.     </section>
  78.  
  79.     <!-- hapesire e pergaditur per prezantimin e disa projekteve perfshire dhe pjesen informuese... -->
  80.     <section id="projektet">
  81.         <div class="projektet permbajtja">
  82.             <div class="projektet-titulli">
  83.                 <h1 class="section-titulli">Cfare do te <span>Perfitoj?!</span></h1>
  84.             </div>
  85.             <div class="gjitha-projektet">
  86.                 <div class="projekti">
  87.                     <div class="projekt-info">
  88.                         <h1>80% Praktike dhe vetem 20% Teori</h1>
  89.                         <p>Harrojeni teorinë e thatë që nuk ndikon sa duhet në teknologji, me ne praktikoni idenë dhe realizoni kreativitetin tuaj.</p>
  90.                     </div>
  91.                     <div class="projekt-foto">
  92.                         <img src="projekt1.jpg" alt="projekti i pare">
  93.                     </div>
  94.                 </div>
  95.  
  96.                 <div class="projekti">
  97.                     <div class="projekt-info">
  98.                         <h1>Krijo Portfolion Tënde Në Trajnim</h1>
  99.                         <p>Në sëcilin modul ka projektime reale në bazë të së cilave ju ndërtoni një projekt profesionale që hap rrugët drejt punësimit.</p>
  100.                     </div>
  101.                     <div class="projekt-foto">
  102.                         <img src="projekt2.jpg" alt="projekti i dyte">
  103.                     </div>
  104.                 </div>
  105.             </div>
  106.         </div>
  107.     </section>
  108.  
  109.     <!-- ketu do te paraqitet pjesa informuese e platformes e cila quhet rrethnesh -->
  110.  
  111.     <section id="rrethnesh">
  112.         <div class="rrethnesh permbajtja">
  113.             <div class="kol-majt">
  114.                 <div class="rrethnesh-img">
  115.                     <img src="leartnuhiu.jpg" alt="studenti leart nuhiu">
  116.                 </div>
  117.             </div>
  118.             <div class="kol-djatht">
  119.                 <h1 class="section-titulli">Pershtypja e studentit <span>Leart Nuhiu</span></h1>
  120.                 <p>
  121.                     “Krahas vijimit te studimeve në fakultet, unë e pashë të domosdoshme vijimin e kurseve jasht fakultetit. Për një kohë të gjatë shikoja për një kurs të denjë dhe kisha rastin të shohë kurse prej më të ndryshmeve, por unë zgjodha Akademinë Arra dhe realisht jam shumë i kënaqur me këtë kurs.
  122.  
  123.                     Mënyra e zhvillimit të këtij kursi është aq atraktive sa që të ngjallë interesim cdo minut gjatë trajnimit. Mënyra e ligjerimit është ideale për mua, sepse nuk ka si të jetë ndryshe kur profesori Kushtrim Rexha gjenë kohë për secilin problem të secilit student veqmas.
  124.                 </p>
  125.                 <table border="2px" style="width: 100%; font-size: 15px">
  126.                     <tr>
  127.                         <th>Shteti</th>
  128.                         <th>Qyteti</th>
  129.                         <th>Kodi postar</th>
  130.                     </tr>
  131.                     <tr>
  132.                         <td>Kosova</td>
  133.                         <td>Prishtina</td>
  134.                         <td>10000</td>
  135.                     </tr>
  136.                     <tr>
  137.                         <td>Shqiperi</td>
  138.                         <td>Tirane</td>
  139.                         <td>1001</td>
  140.                     </tr>
  141.                 </table>
  142.                 <br>
  143.                 <video width="500px" controls>
  144.                     <source src="video1.mp4" type="video/mp4">
  145.                 </video>
  146.  
  147.                 <a href="" class="btn">Sharko videon</a>
  148.             </div>
  149.         </div>
  150.     </section>
  151.  
  152.     <!-- ketu do te paraqitet sektori i kontaktit me detajet e platformes... -->
  153.  
  154.     <section id="kontakti">
  155.         <div class="kontakti permbajtja">
  156.             <div>
  157.                 <h1 class="section-titulli">Kontakti</h1>
  158.             </div>
  159.             <div class="kolona-kontakti">
  160.                 <div class="elementet-kontakti">
  161.                     <div class="ikon"><img src="phone.png"></div>
  162.                     <div class="info-kontakti">
  163.                         <h1>Nr.Tel</h1>
  164.                         <h2>+383 44 111 222</h2>
  165.                         <h2>+383 49 111 222</h2>
  166.                     </div>
  167.                 </div>
  168.  
  169.                 <div class="elementet-kontakti">
  170.                     <div class="ikon"><img src="email.png"></div>
  171.                     <div class="info-kontakti">
  172.                         <h1>Email</h1>
  173.                         <h2>[email protected]</h2>
  174.                         <h2>[email protected]</h2>
  175.                     </div>
  176.                 </div>
  177.  
  178.                 <div class="elementet-kontakti">
  179.                     <div class="info-kontakti">
  180.                         <h1>Abonohu</h1>
  181.                         <form action="#" style="font-size: 15px;">
  182.  
  183.                             <label for="emri">Emri:</label><br>
  184.                             <input type="text" id="emri" name="emri" placeholder="p.sh Kushtrim"><br><br>
  185.  
  186.                             <label for="mbiemri">Mbiemri:</label><br>
  187.                             <input type="text" id="mbiemri" name="mbiemri" placeholder="p.sh Rexha"><br><br>
  188.  
  189.                             <label for="gjinia">Gjinia: </label>
  190.                             <label for="mashkull">M</label>
  191.                             <input type="radio" id="mashkull" name="gjinia" value="mashkull">
  192.  
  193.                             <label for="femer">F</label>
  194.                             <input type="radio" id="femer" name="gjinia" value="femer"><br><br>
  195.  
  196.                             <label for="njoftimet">Njoftimet: </label>
  197.                             <label for="lajme">Lajme</label>
  198.                             <input type="checkbox" id="lajme" name="njoftimet" value="lajme">
  199.  
  200.                             <label for="oferta">Oferta</label>
  201.                             <input type="checkbox" id="oferta" name="njoftimet" value="oferta">
  202.  
  203.                             <br><br>
  204.  
  205.                             <input type="button" class="btn" style="color: black;" value="Dergo">
  206.                         </form>
  207.                     </div>
  208.                 </div>
  209.             </div>
  210.         </div>
  211.     </section>
  212.  
  213.     <!-- Ketu do te paraqitet fundi i faqes ne te cilin mund te vendoset nje logo e kompanise, pershkrimi i saj, rrjetet sociale, te drejtat dhe kushtet e perdorimit... -->
  214.  
  215.     <section id="fundi">
  216.         <div class="fundi permbajtja">
  217.             <div class="logo">
  218.                 <h1><span>ARRA</span> Academy</h1>
  219.             </div>
  220.             <h2>Trajnime intenzive...</h2>
  221.             <div class="rrjetet-sociale">
  222.                 <div class="rrjeti">
  223.                     <a href=""><img src="fb.png"></a>
  224.                 </div>
  225.  
  226.                 <div class="rrjeti">
  227.                     <a href=""><img src="insta.png"></a>
  228.                 </div>
  229.  
  230.                 <div class="rrjeti">
  231.                     <a href=""><img src="linked.png"></a>
  232.                 </div>
  233.  
  234.                 <div class="rrjeti">
  235.                     <a href=""><img src="twitter.png"></a>
  236.                 </div>
  237.             </div>
  238.             <p>Te gjitha te drejtat e rezervuara. Mundesoi: <a href="#">ARRA Academy</a></p>
  239.         </div>
  240.     </section>
  241.  
  242. </body></html>