lp-evolutionapp/index.html at master · EvolutionApp-2022/lp-evolutionapp · 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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
    rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
    crossorigin="anonymous">

    <!-- Title -->
    <title>Evolution App</title>

    <!-- Favicon -->
    <link rel="icon" type="image/x-icon" href="images/favicon.ico">

    <!-- Styles -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="css/styles.css">
</head>
<body>
    <div class="container-fluid">
        <div class="row align-items-center" id="section-1">
            <div class="col-md-6 col-sm-12 p-5">
                <div class="content-paragraf mx-auto">
                    <h1>Evolution App</h1>
                    <h3>Mobile app present all features</h3>
                    <h5>Mobile application to manage and encourage student
                        participation in educational institutions. Application
                         oriented for teachers and students.</h5>
                </div>
            </div>
            <div class="col-md-6 col-sm-12 p-0">
                <img src="images/evolution-4-3-2.jpg" class="img-fluid" alt="...">
            </div>
        </div>
        <div class="row align-items-center" id="section-2">
            <div class="col-md-4 col-sm-12 p-0" id="pintar">
                <h3>Simple</h3>
                <h5>user-friendly and intuitive interface for both teachers and students</h5>
            </div>
            <div class="col-md-4 col-sm-12 p-0">
                <h3>Confortable</h3>
                <h5>meets the needs identified for educational institutions</h5>
            </div>
            <div class="col-md-4 col-sm-12 p-0">
                <h3>Fluid</h3>
                <h5>easy movement between all application interfaces while meeting identified requirements</h5>
            </div>
        </div>
        <div class="row align-items-center" id="section-1">
            <div class="col-md-6 col-sm-12 p-0">
                <img src="images/users.jpg" class="img-fluid" alt="...">
            </div>
            <div class="col-md-3 col-sm-12 p-5">
                <div class="content-paragraf2 mx-auto">
                    <h3>Student</h3>
                    <h5>Target segment that will enter the courses where
                         teachers will teach the classes and provide didactic
                          materials for the students to participate</h5>
                </div>
            </div>
            <div class="col-md-3 col-sm-12 p-5">
                <div class="content-paragraf2 mx-auto">
                    <h3>Teacher</h3>
                    <h5>Target segment that will deliver the courses for
                         students to actively participate through the materials
                         offered. You can also create more courses and add new students.</h5>
                </div>
            </div>
        </div>
        <div class="row align-items-center" id="section-3">
            <div class="col-md-2 col-sm-12 p-3 pb-5" id="pintar">
                <h5>team</h5>
                <h1>Totem Crew</h1>
                <h5>meet the members</h5>
            </div>
            <div class="col-md-2 col-sm-6 p-0" id="pintar2">
                <h3>Italo Samir</h3>
                <h5>Silveira</h5>
            </div>
            <div class="col-md-2 col-sm-6 p-0" id="pintar2">
                <h3>Yordy Mochcco</h3>
                <h5>Atauje</h5>
            </div>
            <div class="col-md-2 col-sm-6 p-0" id="pintar2">
                <h3>Erikc Cortez</h3>
                <h5>Benitez</h5>
            </div>
            <div class="col-md-2 col-sm-6 p-0" id="pintar2">
                <h3>Joaquin San Martin</h3>
                <h5>Alvarez</h5>
            </div>
            <div class="col-md-2 col-sm-12 p-0" id="pintar2">
                <h3>Julio Salazar</h3>
                <h5>Zapata</h5>
            </div>
        </div>
        <div class="row">
            <div class="col-md-6 left" style="height: 540px; padding: 0;">
                <iframe width="100%" height="100%" src="https://www.youtube.com/embed/hjKDLYmcO_A"
                title="YouTube video player" frameborder="0"
                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                allowfullscreen></iframe>
            </div>
            <div class="col-md-6 right" style="height: 540px; padding: 0;">
                <iframe width="100%" height="100%" src="https://www.youtube.com/embed/lDKw3wvB0i0"
                title="YouTube video player" frameborder="0"
                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                allowfullscreen></iframe>
            </div>
        </div>
        <div class="row align-items-center" id="section-1">
            <div class="col-md-6 col-sm-12 p-5">
                <div class="content-paragraf mx-auto">
                    <h1>Try the app</h1>
                    <h3>Know all the features</h3>
                    <h5>You already know the application,
                        now try all the features exposed in your educational institution.</h5>
                    <button type="button" class="btn btn-dark">Test the application</button>
                </div>
            </div>
            <div class="col-md-6 col-sm-12 p-0">
                <img src="images/try the app.jpg" class="img-fluid" alt="...">
            </div>
        </div>
    </div>
</body>
</html>