index.html

<!DOCTYPE HTML>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

        <title>Calumet</title>
        <meta name="author" content="Calumet Group">
        <meta name="description" content="Calumet Group overview.">

        <!-- CSS -->
        <link href="css/style.css" rel="stylesheet">
        <link href="css/responsive.css" rel="stylesheet">
        <link href="css/jquery.bxslider.css" rel="stylesheet">

        <!-- Images -->
        <link rel="shortcut icon" href="images/calumet.png">
        <meta property="og:image" content="images/calumet-social.png">
        <meta name="twitter:image:src" content="images/calumet-social.png">

        <!-- Google Webfonts -->
        <link href="http://fonts.googleapis.com/css?family=Roboto:400,300,700" rel="stylesheet">
    </head>
    <body>

        <!--open header-->
        <header>
            <!--open .wrapper-->
            <div class="wrapper">
                <a href="#intro">
                    <div class="logo">Calumet</div>
                </a>
                <ul id="nav">
                    <li><a href="#intro" title="Next Section">Home</a></li>
                    <li><a href="#overview" title="Next Section">About</a></li>
                    <li><a href="#features" title="Next Section">Projects</a></li>
                    <li><a href="#testimonials" title="Next Section">Testimonials</a></li>
                    <li><a href="#tech" title="Next Section">Tech</a></li>
                    <li><a href="#team" title="Next Section">Team</a></li>
                    <li><a href="#contact" title="Next Section">Contact</a></li>
                </ul>
                <div id="menu"></div>

                <ul class="menu">
                    <li><a href="#intro" title="Next Section">Home</a></li>
                    <li><a href="#overview" title="Next Section">About</a></li>
                    <li><a href="#features" title="Next Section">Projects</a></li>
                    <li><a href="#testimonials" title="Next Section">Testimonials</a></li>
                    <li><a href="#tech" title="Next Section">Tech</a></li>
                    <li><a href="#team" title="Next Section">Team</a></li>
                    <li><a href="#contact" title="Next Section">Contact</a></li>
                </ul>

            </div>
            <!--close .wrapper-->
        </header>
        <!--close header-->

        <!--open #intro-->
        <div id="intro">

            <!--open content of intro-->
            <div class="intro-wrapper">
                <div class="intro-text">
                    <img src="images/calumet.png" width="300">
                    <h1>Calumet</h1>
                    <h2>Software Development Group</h2>
                    <p>¡Places to build community!</p>
                </div>
            </div>
            <!--close content of intro-->
        </div>
        <!--close #intro-->

        <!--open #overview-->
        <div id="overview">
            <!--open .wrapper-->
            <div class="wrapper">
                <h2>Who we are and what we do</h2>
                <p style="margin-bottom:10px">
                    We are a software development group from the <a href="http://www.uis.edu.co" target="_blank">Universidad Industrial de Santander</a>, Colombia. We are focused on the development of web applications and informatic solutions to help the University schools to manage their information and join the University community using cutting edge technologies.
                </p>
                <p>
                    The professor Luis Ignacio González Ramírez from the Industrial University of Santander has been leading the group since 2003. Furthermore, our projects have been developed by students who belong to the Systems Engineering school. Nowadays, there are some engineers and students who are working to improve the services we offer.
                </p>
            </div>
            <!--close .wrapper-->
        </div>
        <!--close #overview-->


        <!--open #features-->
        <div id="features">
            <!--open .wrapper-->
            <div class="wrapper">
                <h2>Projects</h2>
                <blockquote class="big">We work in some projects, there are some <a href="http://github.com/calumet" target="_blank">open source</a>, but most of them are focused in our main project, <strong>COMA</strong>. Our leading projects are:</blockquote>
                <div class="column">
                    <img class="featured" src="images/featured/coma.png">
                    <h3>COMA <small>[Private]</small></h3>
                    <p>Web framework with applications for academic communities.</p>
                </div>
                <div class="column">
                    <a href="http://github.com/calumet/realtime" target="_target">
                        <img class="featured" src="images/featured/realtime.png">
                    </a>
                    <h3>RealTime</h3>
                    <p>Real-time communication applications system for COMA sub-projects.</p>
                </div>
                <div class="column">
                    <a href="http://cormoran.uis.edu.co/Elise" target="_target">
                        <img class="featured" src="images/featured/elise-private.png">
                    </a>
                    <h3>Elise Library <small>[Private]</small></h3>
                    <p>Frontend library to create elegant powerful applications extending anothers.</p>
                </div>
                <div class="column">
                    <a href="http://github.com/calumet/elise" target="_target">
                        <img class="featured" src="images/featured/elise-public.png">
                    </a>
                    <h3>Elise Library</h3>
                    <p>Collection of frontend components to develop elegant web applications.</p>
                </div>
            </div>
            <!--close .wrapper-->
        </div>
        <!--close #features-->

        <!--open #features-->
        <div id="testimonials">
            <!--open .wrapper-->
            <div class="wrapper">
                <h2>¿Who are using our projects?</h2>
                <p class="testimonials-intro">There are some schools, faculties and organizations who are starting to use our portal too.</p>
                <div class="whousingthese">
                    <div class="slide">
                          <img src="images/implementations/sistemas.png" title="<a href='http://cormoran.uis.edu.co' target='_blank'>Escuela de Ingeniería de Sistemas e Informática</a>">
                    </div>
                    <div class="slide">
                          <img src="images/implementations/petroleos.png" title="<a href='http://petroleos.uis.edu.co' target='_blank'>Escuela de Ingeniería de Petroleos</a>">
                    </div>
                    <div class="slide">
                          <img src="images/implementations/civil.png" title="<a href='http://albatros.uis.edu.co' target='_blank'>Escuela de Ingeniería Civil</a>">
                    </div>
                    <div class="slide">
                          <img src="images/implementations/quimica.png" title="<a href='http://iq.uis.edu.co' target='_blank'>Escuela de Ingeniería Química</a>">
                    </div>

                    <div class="slide">
                          <img src="images/implementations/diseno.png" title="<a href='http://disindustrial.uis.edu.co' target='_blank'>Escuela de Diseño Industrial</a>">
                    </div>
                    <div class="slide">
                          <img src="images/implementations/e3t.png" title="<a href='http://e3t.uis.edu.co' target='_blank'>Escuela de Ingeniería Eléctrica, Electrónica y Telecomunicaciones</a>">
                    </div>
                    <div class="slide">
                          <img src="images/implementations/geologia.png" title="<a href='http://geologia.uis.edu.co' target='_blank'>Escuela de Geología</a>">
                    </div>
                    <div class="slide">
                          <img src="images/implementations/industrial.png" title="<a href='http://carpintero.uis.edu.co' target='_blank'>Escuela de Ingeniería Industrial</a>">
                    </div>

                    <div class="slide">
                          <img src="images/implementations/mecanica.png" title="<a href='http://mecanicaxserver.uis.edu.co' target='_blank'>Escuela de Ingeniería Mecánica</a>">
                    </div>
                    <div class="slide">
                          <img src="images/implementations/metalurgica.png" title="<a href='http://metalurgia.uis.edu.co/' target='_blank'>Escuela de Ingeniería Metalúrgica</a>">
                    </div>
                    <div class="slide">
                          <img src="images/implementations/historia.png" title="<a href='http://historia.uis.edu.co' target='_blank'>Escuela de Historia</a>">
                    </div>
                    <div class="slide">
                          <img src="images/implementations/trabajo-social.png" title="<a href='http://trabajosocial.uis.edu.co/' target='_blank'>Escuela de Trabajo Social</a>">
                    </div>

                    <div class="slide">
                          <img src="images/implementations/medicina.png" title="<a href='http://medicina.uis.edu.co' target='_blank'>Escuela de Medicina</a>">
                    </div>
                    <div class="slide">
                          <img src="images/implementations/microbiologia.png" title="<a href='http://microbiologia.uis.edu.co/' target='_blank'>Escuela de Microbiología</a>">
                    </div>
                </div>
            </div>
            <!--close .wrapper-->
        </div>
        <!--close #features-->


        <!-- open #subscribe-->
        <div id="tech">
            <!--open .wrapper-->
            <div class="wrapper">
                <h2>¿What technologies and tools do we use?</h2>
                <img id="techandtoolsImg" src="images/techandtools.png" alt="Calumet Tech and Tools">
            </div>
            <!--close .wrapper-->
        </div>
        <!-- close #subscribe-->

        <!--open #testimonials-->
        <div id="team">
            <!--open .wrapper-->
            <div class="wrapper">
                <div class="team-current">
                    <h2>Our Team</h2>

                    <div class="team-member">
                        <img src="images/profiles/luis-ignacio.png" alt="Luis González">
                        <div><span>Luis González</span></div>
                    </div>
                    
                    <div class="team-member">
                        <img src="images/profiles/dario_alejandro.jpeg" alt="Alejandro Riaño">
                        <div><span>Alejandro Riaño</span></div>
                    </div>                   

                    <div class="team-member">
                        <img src="images/profiles/alexy-rincon.jpg" alt="Alexy Rincon">
                        <div><span>Alexy Rincon</span></div>
                    </div>
                    
                    <div class="team-member">
                        <img src="images/profiles/carlos-diaz.jpg" alt="Carlos Diaz">
                        <div><span>Carlos Diaz</span></div>
                    </div>
                    
                    <div class="team-member">
                        <img src="images/profiles/carlos-perez.jpg" alt="Carlos Pérez">
                        <div><span>Carlos Pérez</span></div>
                    </div>
                    
                    <div class="team-member">
                        <img src="images/profiles/cindy-gomez.jpg" alt="Cindy Gómez">
                        <div><span>Cindy Gómez</span></div>
                    </div>
                    <div class="team-member">
                        <img src="images/profiles/claudia-diaz.png" alt="Claudia Diaz">
                        <div><span>Claudia Diaz</span></div>
                    </div>
                   
                    <div class="team-member">
                        <img src="images/profiles/estefany-espinosa.jpg" alt="Estefany Espinosa">
                        <div><span>Estefany Espinosa</span></div>
                    </div>
                    <div class="team-member">
                        <img src="images/profiles/Fredy-Mogollon.jpg" alt="Fredy Mogollon">
                        <div><span>Fredy Mogollon</span></div>
                    </div>
                    <div class="team-member">
                        <img src="images/profiles/John-Reyes.jpg" alt="John Reyes">
                        <div><span>John Reyes</span></div>
                    </div>
                    <div class="team-member">
                        <img src="images/profiles/jorge.jpg" alt="Jorge">
                        <div><span>Jorge</span></div>
                    </div>
                    <div class="team-member">
                        <img src="images/profiles/karen-orozco.jpg" alt="Karen Orozco">
                        <div><span>Karen Orozco</span></div>
                    </div>
                    <div class="team-member">
                        <img src="images/profiles/yeison-lopez.jpg" alt="Yeison Lopez">
                        <div><span>Yeison Lopez</span></div>
                    </div>
                   

                </div>

                <div class="team-previous">
                    <h2>Previous Coworkers</h2>
                    <div class="column">
                        <ul class="content">
                            <li>Adrian Bareño</li>
                            <li>Alberto Quitian</li>
                            <li>Andres Clavijo Mantilla</li>
                            <li>Angelica Yelixce Villamil Carvajal</li>
                            <li>Belman Julio Santos Mojica</li>
                            <li>Bibiana Flórez</li>
                            <li>Camilo Molina</li>
                            <li>Carlos Andres Fuentes Morantes</li>
                            <li>Carlos Andres Neira Vargas</li>
                            <li>Carlos Delgado</li>
                            <li>Carlos Fernando Ruiz Nieto</li>
                            <li>Carlos Fuentes</li>
                            <li>Carlos Jose Galván Nuñez</li>
                            <li>Carlos Neira</li>
                            <li>Carolina Mejía Corredor</li>
                            <li>Danay Faizury Quintero Castro</li>
                            <li>Danny Felipe Vergel</li>
                            <li>David Blanco</li>
                        </ul>
                    </div>
                    <div class="column">
                        <ul class="content">
                            <li>David Ricardo Gómez Morgado</li>
                            <li>Diana Marcela Cortes Medina</li>
                            <li>Diego Armando Cacua Cacua</li>
                            <li>Duvan Yahir Sanabria Echeverry</li>
                            <li>Edgar Andres Rico Mantilla</li>
                            <li>Eduard Neira Salcedo</li>
                            <li>Emigdio Enrique Súspez Varela</li>
                            <li>Fabian Leonardo Guerra</li>
                            <li>Frank Pabón</li>
                            <li>Fredy Andrés</li>
                            <li>German Alexander Ramirez Vela</li>
                            <li>Gerson Cespedes Gómez</li>
                            <li>Gina Paola Moreno</li>
                            <li>Glenis Eliana Calderon</li>
                            <li>Guillermo Celis Prada</li>
                            <li>Habib Saker</li>
                            <li>Harley Andrés Herrera Castillo</li>
                            <li>Harvey Molina</li>
                        </ul>
                    </div>
                    <div class="column">
                        <ul class="content">
                            <li>Hernan Dario Carreño Laguado</li>
                            <li>Hina Luz Garavito</li>
                            <li>Jhon Hildebrando Gutierrez Dotor</li>
                            <li>John Alexander Portilla Patiño</li>
                            <li>Jhon Alex Reyes Tarazona</li>
                            <li>Jonathan Navas</li>
                            <li>José Cliselio Olivar Ortega</li>
                            <li>Jorge Andrés López Figueroa</li>
                            <li>Juan Sebastian Agudelo Hernández</li>
                            <li>Julián Wolff</li>
                            <li>Laura Marcela Rueda Tristancho</li>
                            <li>Leiny Yulieth Cepeda Olaya</li>
                            <li>Leonardo Grimaldos Jaimes</li>
                            <li>Leonardo Reyes Rivero</li>
                            <li>Luis Carlos Ruíz Delgado</li>
                            <li>Marinela Higua Torres</li>
                            <li>Marisol Brigitte León Granados</li>
                            <li>Marly Patricia Caicedo Gualdron</li>
                        </ul>
                    </div>
                    <div class="column">
                        <ul class="content">
                            <li>Mildred Johana Sosa Morales</li>
                            <li>Marxy Alejandra Botia Gonzalez</li>
                            <li>Monica Liliana García Herrera</li>
                            <li>Nydia Maritza Alarcón</li>
                            <li>Oscar Alberto Rodríguez</li>
                            <li>Oscar Salazar</li>
                            <li>Oscar Villamizar</li>
                            <li>Paola Alexandra Rodriguez Pérez</li>
                            <li>Paola Aguilar</li>
                            <li>Paola Andrea Luna</li>
                            <li>Ronald Fernando Hurtado</li>
                            <li>Remberto Angel Luna Bula</li>
                            <li>Rikardo Alvarez Hernandez</li>
                            <li>Ronald Fernando Hurtado Barinas</li>
                            <li>Sebastian Gómez</li>
                            <li>Sergio Enrique Alba Hernández</li>
                            <li>Sergio Gómez</li>
                            <li>Yohanna Katherine Neira Bermudez</li>
                        </ul>
                    </div>
                    <div class="column">
                        <ul class="content">
                           
                            <li>Lizeth Rodriguez</li>
                            <li>Duvan Vargas</li>
                            <li>Andrés Vargas</li>
                            <li>Jorge Rueda</li>
                            <li>Liliana Rey</li>
                            <li>Oscar Molina</li>
                            <li>Julian Guerrero</li>
                            <li>Mónica Cárdenas</li>
                            <li>Nestor Rodrigez</li>
                            <li>Patricia Patiño</li>
                            <li>Romel Pérez</li>
                            <li>Danay Castro</li>
                                                                                                                                            
                        </ul>
                    </div>
                </div>

                <div class="team-showprevious">
                    <span>Show</span> previous coworkers (84)
                </div>
            </div>
            <!--close .wrapper-->
        </div>
        <!--close #team-->
        <!-- open #contact-->
        <div id="contact">
            <!-- open .wrapper-->
            <div class="wrapper">
                <h2>Contact Us</h2>
                <!-- open .left-box-->
                <div style="padding-top: 40px;" class="left-box">
                    <p>Calumet office is located at the Universidad Industrial de Santander, Bucaramanga, Colombia.</p>
                    <ul class="content">
                         <li class="mail">grupocalumet@comunidaduis.co</li>
                         <li class="phone">(57) (7) 634 4000 ext. 2678</li>
                         <li class="office">Carrera 27 calle 9, University City, LP 202</li>
                         <li class="web">Official website <a href="http://cormoran.uis.edu.co/calumet">cormoran.uis.edu.co/calumet</a></li>
                    </ul>
                </div>
                <!-- close .left-box-->
                <!-- open .right-box-->
                <div class="right-box">
                    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d989.7176559907455!2d-73.12291600000006!3d7.140956000000002!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xcf79615cf53f5a2e!2sEscuela+de+Ingenier%C3%ADa+de+Sistemas+e+Inform%E1tica!5e0!3m2!1sen!2s!4v1403201965640" height="300" frameborder="0" style="border:0"></iframe>
                </div>
                <!-- close .right-box-->
                <div class="clear"></div>
            </div>
            <!--close .wrapper-->
        </div>
        <!--close #contact-->

        <!--open footer-->
        <footer>
            <!--open .wrapper-->
            <div class="wrapper">
                <ul class="social">
                    <li>
                        <a href="http://cormoran.uis.edu.co/calumet">
                            <img src="images/social/white/web.png" alt="Official website">
                        </a>
                    </li>
                    <li>
                        <a href="http://github.com/calumet" target="_blank">
                            <img src="images/social/white/github.png" alt="Github">
                        </a>
                    </li>
                    <li>
                        <a href="https://plus.google.com/u/0/103947471758931662215" target="_blank">
                            <img src="images/social/white/googleplus.png" alt="Google Plus">
                        </a>
                    </li>
                    <li>
                        <a href="https://www.facebook.com/GrupoCalumet" target="_blank">
                            <img src="images/social/white/facebook.png" alt="Facebook">
                        </a>
                    </li>
                </ul>
            </div>
            <!--close .wrapper-->
            <p>All rights reserved &copy; 2015</p>
            <p><small>Updated July 8, 2015.</small></p>
        </footer>
        <!--close footer-->

        <!-- Scripts -->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script src="js/bxslider/jquery.bxslider.min.js"></script>
        <script src="js/scrollto/jquery-scrollto.js"></script>
        <script src="js/scripts.js"></script>
    </body>
</html>