web_html_css/index.html at master · dhurtado07/web_html_css · 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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap" rel="stylesheet">
    <title>Web Nysde</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
    <header>
        <div class="textos">
            <h1 class="titulo">Nysde Design</h1>
            <h3 class="subtitulo">Building web site</h3>
            <a href="#" class="boton">Test</a>
        </div>
        <div class="sesgoabajo"></div>
    </header>
    <main>
        <section class="acerca-de">
            <div class="contenedor">
                <h2 class="sobre-nosotros">Adout us</h2>
                <h3 class="slogan">Software testing</h3>
                <p class="parrafo">SOFTWARE TESTING is defined as an activity to check whether the actual results match the expected results and to ensure that the software system is Defect free. It involves the execution of a software component or system component to evaluate one or more properties of interest. Software testing also helps to identify errors, gaps, or missing requirements in contrary to the actual requirements. It can be either done manually or using automated tools. Some prefer saying Software testing as a White Box and Black Box Testing.</p>
                <p class="parrafo">As per ANSI/IEEE 1059 Testing in software engineering is a method of analyzing a software item to find the differences between current and required conditions. It also involves evaluating the features of the software.</p>
                <a href="#" class="boton">Test</a>
            </div>
        </section>
        <section class="galeria">
            <div class="sesgoarriba"></div>
            <div class="imagenes none">
                <img src="img/img1.jpg" alt="">
            </div>
            <div class="imagenes">
                <img src="img/img2.jpg" alt="">
            </div>
            <div class="imagenes">
                <img src="img/img3.jpg" alt="">
                <div class="encima">
                    <h2>Nysde Design</h2>
                    <div></div>
                </div>
            </div>
            <div class="imagenes">
                <img src="img/img4.jpg" alt="">

            </div>
            <div class="imagenes none">
                <img src="img/img8.jpg" alt="">
            </div>
            <div class="sesgoabajo"></div>

        </section>
        <section class="miembros">
            <div class="contenedor">
                <h2 class="sobre-nosotros">Our Team</h2>
                <h3 class="slogan">Meet our work team</h3>
                <div class="cards">
                    <div class="card">
                        <img src="img/img6.jpg" alt="">
                        <h4>Nysde Design</h4>
                        <p>Description of the images</p>
                    </div>
                    <div class="card">
                        <img src="img/img7.jpg" alt="">
                        <h4>Nysde Design</h4>
                        <p>Description of the images.</p>
                    </div>
                    <div class="card">
                        <img src="img/img8.jpg" alt="">
                        <h4>Nysde Design</h4>
                        <p>Description of the images</p>
                    </div>
                </div>
            </div>
        </section>

        <section class="fondo">
            <div class="sesgoarriba"></div>
            <div class="contenedor">
                <h2 class="titulo-patrocinadores">Our Clients</h2>
                <h3 class="subtitulo-patrocinadores">Meet our sponsors</h3>
                <div class="clientes">
                    <div class="cliente">
                        <img src="img/img3.jpg" alt="">
                    </div>
                    <div class="cliente">
                        <img src="img/img3.jpg" alt="">
                    </div>
                    <div class="cliente">
                        <img src="img/img3.jpg" alt="">
                    </div>
                </div>
                <h3 class="subtitulo-patrocinadores especial">Many more sponsors</h3>
            </div>
            <div class="sesgoabajo-unico"></div>
        </section>
    </main>
    <footer>
        <div class="contenedor">
            <h2 class="titulo-footer">Contacts</h2>
            <h3 class="subtitulo-footer">It is important to us</h3>
            <div class="footer">
                <form action="">
                    <input type="text" name="" id="" placeholder="Name">
                    <input type="email" name="" id="" placeholder="Email">
                    <textarea name="" id="" cols="30" rows="10" placeholder="Your message"></textarea>
                    <input type="submit" value="Send">
                </form>
            </div>
        </div>

    </footer>
</body>

</html>