mirandum.github.io/nosotros.html at master · Mirandum/mirandum.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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
<!DOCTYPE html>
<html lang="es" ng-app>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>Nosotros | Mirandum</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <link href="css/prettyPhoto.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet">
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
    <link rel="shortcut icon" href="images/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57-precomposed.png">

    <!-- Nuevo Jonatan-->
    <script src="js/angular.min.js"></script>
    <script src="js/angular-route.min.js"> </script>
</head><!--/head-->
<body>


        <header class="navbar navbar-inverse navbar-fixed-top wet-asphalt" role="banner">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="index.html">Mirandum</a>
        </div>
        <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav navbar-right">
                <li ><a href="index.html">Inicio</a></li>
                <li class="active"><a href="nosotros.html">Nosotros</a></li>
                <li><a href="reque.html">Requerimientos</a></li>
                <li><a href="mockups.html">Mockups</a></li>
                <li><a href="arquitectura.html">Arquitectura</a></li>
                <li><a href="metodologia.html">Metodologia</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Opciones <i class="icon-angle-down"></i></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Registro</a></li>
                        <li class="divider"></li>
                        <li><a href="#">Politica de Privacidad</a></li>
                        <li><a href="#">Termunos de Uso</a></li>
                    </ul>
                </li>

            </ul>
        </div>
    </div>
</header>

    <section id="title" class="emerald">
        <div class="container">
            <div class="row">
                <div class="col-sm-6">
                    <h1>Nosotros</h1>
                    <p>Somo estudiante de ingenieria enfocados en desarrollar habilidades de desarrollo web</p>
                </div>
                <div class="col-sm-6">
                    <ul class="breadcrumb pull-right">
                        <li><a href="index.html">Home</a></li>
                        <li class="active">About Us</li>
                    </ul>
                </div>
            </div>
        </div>
    </section><!--/#title-->

    <section id="about-us" class="container">
        <div class="row">
            <div class="col-sm-6">
                <h2>Nuestro proyecto</h2>
                <p>El proyecto que realizaremos para la clase ingeniería de software se trata de una tienda de accesorios online; con accesorios nos referimos a relojes, pulseras, aretes, gafas y collares. </p>
                <p>El usuario contará con un carrito de compras y unicamente podrá comprar si esta registrado en la tienda. Para la modalidad de tienda usaremos el enfoque e-commerce.</p>
                <p>La pagina web tiene que ser responsive, es decir que se pueda ver en cualquier dispositivo sin que se pierda información por el tamaño de la pantalla.</p>
                <p>Por el lado del front-end, es decir la parte que interactua con el usuario se usaran herramientas como Bootstrap y Font-awesome. </p>
                <p>Para el desarrollo de la aplicación web usaremos el lenguaje de programación Ruby y utilizaremos el Framework Rails para un mejor manejo de el routing y la base de datos<p/>

            </div><!--/.col-sm-6-->
            <div class="col-sm-6">
                <h2>Nuestras habilidades</h2>
                <div>
                    <div class="progress">
                        <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%;">
                           <span>Ruby on rails</span>
                        </div>
                    </div>
                    <div class="progress">
                        <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%;">
                         <span>Trabajo en equipo</span>
                        </div>
                    </div>
                    <div class="progress">
                        <div class="progress-bar" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%;">
                            <span>Boostrap</span>
                        </div>
                    </div>
                    <div class="progress">
                        <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="55" aria-valuemin="0" aria-valuemax="100" style="width: 55%;">
                            <span>Bases de datos</span>
                        </div>
                    </div>
                    <div class="progress">
                        <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%;">
                            <span>HTML/CSS</span>
                        </div>
                    </div>
                </div>
            </div><!--/.col-sm-6-->
        </div><!--/.row-->

        <div class="gap"></div>
        <h1 class="center">Nuestro equipo de trabajo</h1>
        <p class="lead center"></p>
        <div class="gap"></div>

        <div id="meet-the-team" class="row">
            <div class="col-md-3 col-xs-6">
                <div class="center">
                    <p><img class="img-responsive img-thumbnail img-circle" src="images/team-member1.jpg" alt="" ></p>
                    <h5>Camilo Alfonso Mosquera Benavides<small class="designation muted">Desarollador</small></h5>
                    <p>Estudiante de pregrado de ingeniería de sistemas; con interés en el estudio de la minería de datos y el análisis de algoritmos; en el proyecto espera aumentar la eficiencia en cuanto al manejo de la información utilizando buenas practicas de programación.</p>
                    <a class="btn btn-social btn-facebook" href="#"><i class="icon-facebook"></i></a> <a class="btn btn-social btn-google-plus" href="#"><i class="icon-google-plus"></i></a> <a class="btn btn-social btn-twitter" href="#"><i class="icon-twitter"></i></a> <a class="btn btn-social btn-linkedin" href="#"><i class="icon-linkedin"></i></a>
                </div>
            </div>

            <div class="col-md-3 col-xs-6">
                <div class="center">
                    <p><img class="img-responsive img-thumbnail img-circle" src="images/team-member1.jpg" alt="" ></p>
                    <h5>Laura Angélica Cárdenas Vargas<small class="designation muted">Desarrolladora Junior</small></h5>
                    <p>Estudiante de Ingenieria de Sistemas y Computacion, sus mayores intereses se orientan al desarrollo full stack y el marketing online, espera que la tienda online sea un éxito tanto en implementación como en ventas. Su mayor meta es trabajar en una multinacional e implementar la educación online en el país.</p>
                    <a class="btn btn-social btn-facebook" href="#"><i class="icon-facebook"></i></a> <a class="btn btn-social btn-google-plus" href="#"><i class="icon-google-plus"></i></a> <a class="btn btn-social btn-twitter" href="#"><i class="icon-twitter"></i></a> <a class="btn btn-social btn-linkedin" href="#"><i class="icon-linkedin"></i></a>
                </div>
            </div>
            <div class="col-md-3 col-xs-6">
                <div class="center">
                    <p><img class="img-responsive img-thumbnail img-circle" src="images/team-member1.jpg" alt="" ></p>
                    <h5>Degly Sebastian Pava Pava<small class="designation muted">Diseñador</small></h5>
                    <p>Estudiante de pregrado de Ingeniería de Sistemas; con interes en el estudio de HMI(Human Machine Interface), seguridad informática y diseño gráfico; en el proyecto espera hacer de la utilicación del software lo mas intuitiva posible mientras se busca la satisfacción total del usuario mediante técnicas de programación y publicidad avanzadas.</p>
                    <a class="btn btn-social btn-facebook" href="#"><i class="icon-facebook"></i></a> <a class="btn btn-social btn-google-plus" href="#"><i class="icon-google-plus"></i></a> <a class="btn btn-social btn-twitter" href="#"><i class="icon-twitter"></i></a> <a class="btn btn-social btn-linkedin" href="#"><i class="icon-linkedin"></i></a>
                </div>
            </div>
            <div class="col-md-3 col-xs-6">
                <div class="center">
                    <p><img class="img-responsive img-thumbnail img-circle" src="images/team-member1.jpg" alt="" ></p>
                    <h5>Jonatan Alexander Parra Toro<small class="designation muted">Desarrollador Junior</small></h5>
                    <p>Estudiante de ingenieria de sistemas de la Universidad de Nacional de Colombia, le llama la atencion el desarrollo web tanto desde el backend como el frontend, con experiencia en desarrollo de sitios web. Espera que la tienda que ha diseñado sea de su agrado.</p>
                    <a class="btn btn-social btn-facebook" href="#"><i class="icon-facebook"></i></a> <a class="btn btn-social btn-google-plus" href="#"><i class="icon-google-plus"></i></a> <a class="btn btn-social btn-twitter" href="#"><i class="icon-twitter"></i></a> <a class="btn btn-social btn-linkedin" href="#"><i class="icon-linkedin"></i></a>
                </div>
            </div>
        </div><!--/#meet-the-team-->
    </section><!--/#about-us-->


    <!-- Jonatan -->
    <!-- Se importa el menu de footer -->
    <div ng-include src = " 'plantillas/footer.html' "></div>

    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.prettyPhoto.js"></script>
    <script src="js/main.js"></script>
</body>
</html>