AprendeProgrammer.github.io/index.html at master · AprendeProgrammer/AprendeProgrammer.github.io · 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
119
120
<!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.0">
    <title>Best online for School website</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" media="screen and (max-width:1170px)"  href="css/phone.css">
    <style>

    </style>
</head>

<body>
    <nav id="navbar">
        <div id="logo"> <img src="eeeti.jpg" alt="Favor prensse imagen nia naran ho loos">

        </div>
        <ul>
            <li class="item"><a href="#home">Home</a></li>
            <li class="item"><a href="#service-container">Service</a></li>
            <li class="item"><a href="#client-section">Clients</a></li>
            <li class="item"><a href="#contact">contact us</a></li>
        </ul>
    </nav>
    <section id="home">
        <h1 class="h-primary"> Benvindo Mai hau nia website online</h1>
        <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. </p>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
        <button class="btn">Order now</button>
    </section>

    <section id="service-container">
        <h1 class="h-primary center"> Our Service</h1>
        <div id="services">
            <div class="box">
                <img src="image/laptop.gif" alt="Favor hare foto nia naran ho loos">
                <h2 class="h-secondary center"> Aprende komputador</h2>
                <p class="center">Lorem ipsum dolor, sit amet consectetur adipisicing elit.
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum ullam eum facilis, deleniti iure voluptatibus nihil a, hic atque ipsum libero excepturi totam! Ad temporibus adipisci
                    laudantium quae commodi sapiente odit minima impedit ex veniam. Sed, at pariatur autem ullam
                    exercitationem voluptatem excepturi? Praesentium, possimus.</p>

            </div>
            <div class="box">
                <img src="image/chaat.gif" alt="Favor hare foto nia naran ho loos">
                <h2 class="h-secondary center"> Aprende Nontek</h2>
                <p class="center">Lorem ipsum dolor, sit amet consectetur adipisicing elit.
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro, officia excepturi mollitia amet ut, aut est ea, magnam saepe modi obcaecati rerum commodi. Ad temporibus adipisci
                    laudantium quae commodi sapiente odit minima impedit ex veniam. Sed, at pariatur autem ullam
                    exercitationem voluptatem excepturi? Praesentium, possimus.</p>

            </div>
            <div class="box">
                <img src="image/student.gif" alt="Favor hare foto nia naran ho loos">
                <h2 class="h-secondary center"> Aprende mundo</h2>
                <p class="center">Lorem ipsum dolor, sit amet consectetur adipisicing elit.
                    Lorem ipsum, dolor sit amet consectetur adipisicing elit. Consequatur doloribus soluta, fuga laudantium enim sequi maxime quisquam, inventore nisi quaerat laboriosam et quibusdam. Ad temporibus adipisci
                    laudantium quae commodi sapiente odit minima impedit ex veniam. Sed, at pariatur autem ullam
                    exercitationem voluptatem excepturi? Praesentium, possimus.</p>

            </div>
        </div>
    </section>

    <section>
        <section id="client-section">
            <h1 class="h-primary center">Our Clients</h1>

            <div id="clients">

                <div id="client-item">
                    <img src="Eti.gif" alt="prense ho loos">
                </div>
                <div id="client-item">
                    <img src="fakuldade.jpg" alt="prense ho loos">
                </div>
                <div id="client-item">
                    <img src="Nao triste.jpg" alt="prense ho loos">
                </div>
                <div id="client-item">
                    <img src="timoreti.jpg" alt="prense ho loos">
                </div>
            </div>
        </section>

        <section id="contact">
            <h1 class="h-primary center">Contact US</h1>
            <div id="contact-box">
                <form action="">
                    <div class="form-group">
                        <label for="name" >Naran:</label>
                        <input type="text" name="name" id="name" placeholder="Prense Naran">
                    </div>
                    <div class="form-group">
                        <label for="email" >Email:</label>
                        <input type="email" name="email" id="email" placeholder="Prense Email">
                    </div>
                    <div class="form-group">
                        <label for="phone" >Phone number:</label>
                        <input type="text" name="phone" id="phone" placeholder="Prense Phone number">
                    </div>
                    <div class="form-group">
                        <label for="mensajen" >Mensajen</label>
                        <textarea name="mensajen" id="mensajen" cols="30" rows="10"></textarea>
                    </div>
                </form>
            </div>
        </section>
        <footer>
            <div class="center">
                Copyrigth &copy; www.cossantos.info. Aright reserved!
            </div>
        </footer>

</body>

</html>