add a table and css

3 years ago · cab7ec3442
--- a/praticando/index.html
+++ b/praticando/index.html
@ -1,23 +1,88 @@
 <html>
 <head>
 </head>
 <html lang="pt-br">
  <head>
  </head>

 <body>
 <h1>HTML no terminal com VIM</h1>
 <p>To Do List</p>
  <body>
    <style>
 * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
 }

 <div>
 <input type="text"/>
 </div>
 body {
  background-color: lightgray;
  text-align: center;
  margin: 25px;
  display: flex;
  flex-direction: column;
  gap: 10px;
 }

 <ul>
 <li>Sport</li>
 <li>Study</li>
 <li>Job</li>
 <li>Health Food</li>
 </ul>
 h1 {
  font-size: 45px;
 }

 p {
  margin-top: 50px;
  font-size: 20px;
 }

 <a href="main.html">clique aqui</a>
 </body>
 table {
  background-color: lightblue;
 }
    </style>

    <h1>PRATICANDO VIM</h1>
    <p>RUNNING TABLE</p>

    <div>
      <table border="1" width="100%">
        <thead>
          <tr>
            <th colspan="3">Running</th>
          </tr>
        </thead>

        <tbody>
          <tr>
            <td>Monday</td>
            <td>Wednesday</td>
            <td>Sartuday</td>
          </tr>

          <tr>
            <td>5 km</td>
            <td>6 km</td>
            <td>12 km</td>
          </tr>

          <tr>
            <td> km</td>
            <td> km</td>
            <td> km</td>
          </tr>
        </tbody>
      </table>
    </div>

    <div>
      <form>
        <div>
          <label for="name">Name:</label>
          <input type="text" name="name" placeholder="Type your name"/>
        </div>

        <div>
          <label for="name">Distance:</label>
          <input type="text" name="name" placeholder="Type your distance"/>
        </div>

        <div>
          <label for="name">Time:</label>
          <input type="text" name="name" placeholder="Type your time"/>
        </div>
      </form>
    </div>
  </body>
 </html>
--- a/praticando/main.html
+++ b/praticando/main.html
@ -1,13 +0,0 @@
 <html>
 	<head>
 	</head>

 	<body>
 	
 		<h1>Terminal VIM</h1>
 		<p>Do yo know about VIM</p>

 		<a href="https://www.hostgator.com.br/blog/como-usar-o-editor-de-texto-vim-do-linux/">About VIM</a>

 	</body>
 </html>