BeautyCSS/index.html at main · DIegoLOL-Code/BeautyCSS · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>HTML</title>

  <!-- HTML -->


  <!-- Custom Styles -->
  <link rel="stylesheet" href="beauty.css">
</head>

<body>
  <div class="app">
    <a id="i"></a>
    <h1>Hola Mundo!</h1>
    <h2>Hola Mundo!</h2>
    <h3>Hola Mundo!</h3>

    <h4>Hola Mundo!</h4>
    <h5>Hola Mundo!</h5>
    <h6>Hola Mundo!</h6>

    <p>Hola Mundo desde un párrafo!</p>
    <img src="background1.png">
    <button>Press Me!</button>
    <button class="outline">Outline</button>
      <article>
        <header>
          <img src="background1.png">
          <h6>Esto es un post sobre informática.</h6>
        </header>

        Hola Mundo. <a href="#i">Ejemplos</a> de desarrollo de una interfaz Gráfica con CSS.

        <input type="text" placeholder="Hola Mundo!" required>

          <button>Aceptar</button>
      </article>
      <input type="checkbox">
      <input type="checkbox" role="switch" id="darkmode">


      <input type="password" placeholder="Contraseña">

      <progress id="val" value="30" min="0" max="100"></progress>
      <textarea></textarea>
      <input type="search" placeholder="Search...">

      <span class="preview">Esto es solo una vista previa de un parrafo de contenido muy largo donde solo se quiere mostrar una pequeña parte para que al usuario le atraiga la duda y abra el post</span>
    </div>
  <script src="main.js"></script>
</body>
</html>