Advertisement
horozov86

Keyboard html

Jan 30th, 2025
41
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 2.35 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>Keyboard</title>
  7.     <link rel="stylesheet" href="07_keyboard.css">
  8.     <link rel="stylesheet" href="../styles/_styles.css">
  9. </head>
  10. <body>
  11.     <div class="container">
  12.         <div class="row first-row">
  13.             <p>esc</p>
  14.             <p>f1</p>
  15.             <p>f2</p>
  16.             <p>f3</p>
  17.             <p>f4</p>
  18.             <p>f5</p>
  19.             <p>f6</p>
  20.             <p>f7</p>
  21.             <p>f8</p>
  22.             <p>f9</p>
  23.             <p>f10</p>
  24.             <p>f11</p>
  25.             <p>f12</p>
  26.             <p>f13</p>
  27.         </div>
  28.  
  29.         <div class="row second-row">
  30.             <p>§</p>
  31.             <p>1</p>
  32.             <p>2</p>
  33.             <p>3</p>
  34.             <p>4</p>
  35.             <p>5</p>
  36.             <p>6</p>
  37.             <p>7</p>
  38.             <p>8</p>
  39.             <p>9</p>
  40.             <p>0</p>
  41.             <p>-</p>
  42.             <p>+</p>
  43.             <p>backspace</p>
  44.         </div>
  45.  
  46.         <div class="row third-row">
  47.             <p>tab</p>
  48.             <p>q</p>
  49.             <p>w</p>
  50.             <p>e</p>
  51.             <p>r</p>
  52.             <p>t</p>
  53.             <p>y</p>
  54.             <p>u</p>
  55.             <p>i</p>
  56.             <p>o</p>
  57.             <p>p</p>
  58.             <p>[</p>
  59.             <p>]</p>
  60.             <p>enter</p>
  61.         </div>
  62.  
  63.         <div class="row fourth-row">
  64.             <p>caps lock</p>
  65.             <p>a</p>
  66.             <p>s</p>
  67.             <p>d</p>
  68.             <p>f</p>
  69.             <p>g</p>
  70.             <p>h</p>
  71.             <p>j</p>
  72.             <p>k</p>
  73.             <p>l</p>
  74.             <p>;</p>
  75.             <p>'</p>
  76.             <p>\</p>
  77.         </div>
  78.  
  79.         <div class="row fifth-row">
  80.             <p>shift</p>
  81.             <p>'</p>
  82.             <p>z</p>
  83.             <p>x</p>
  84.             <p>c</p>
  85.             <p>v</p>
  86.             <p>b</p>
  87.             <p>n</p>
  88.             <p>m</p>
  89.             <p>,</p>
  90.             <p>.</p>
  91.             <p>/</p>
  92.             <p>shift</p>
  93.         </div>
  94.  
  95.         <div class="row sixth-row">
  96.             <p>ctrl</p>
  97.             <p>win</p>
  98.             <p>alt</p>
  99.             <p>space</p>
  100.             <p>alt</p>
  101.             <p>win</p>
  102.             <p>ctrl</p>
  103.         </div>
  104.     </div>
  105. </body>
  106. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement