studiodev/index.html at master · curregom/studiodev · 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
 <!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Studio Dev </title>
    <link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
    <script src="https://use.fontawesome.com/7c15e901ca.js"></script>
    <link rel="stylesheet" href="/css/normalize.css">
    <link rel="stylesheet" href="css/style.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="js/app.js"></script>
  </head>

  <body>
          <div class="home-wrapper">
              <header>
              <div class="container">
                <img src="images/logo.png" alt="Logo Studio Dev">
                <nav>
                  <a href="#home" class="active">Home</a>
                  <a href="#servicios">Servicios</a>
                  <a href="#portafolio">Portafolio</a>
                  <a href="#contacto">Contacto</a>
                </nav>

              </div>

            </header>

            <section id="home"class="container">
              <h1>CREAMOS LAS <b>APLICACIONES</b> DEL FUTURO</h1>
              <div class="divider"></div>
              <p>Dev Studio es la mejor opción si necesitas un prototipo o quieres acelerar tu ciclo de desarrollo.</p>

              <div class="social">

                <a href="#"><i class="fa fa-facebook"></i></a>
                <a href="#"><i class="fa fa-twitter"></i></a>
                <a href="#"><i class="fa fa-github"></i></a>

              </div>
            </section>

          </div>


    <section id="servicios" class="container">
      <h2>SERVICIOS</h2>
      <div class="box">
        <img src="images/web-design.png" alt="Web Design">
        <h3>Web Design</h3>
        <p>Somos expertos en Web Design. Nuestro equipo es por mucho el mejor. Nadie nos hace competencia.</p>
      </div>

      <div class="box">
        <img src="images/web-development.png" alt="Web Development">
        <h3>Web Development</h3>
        <p>Somos expertos en Web Development. Usamos HTML5, CSS3, Git, Bootstrap, Ruby on Rails, y JavaScript.</p>
      </div>

      <div class="box">
        <img src="images/ux-ui.png" alt="UX-UI">
        <h3>Mobile Development</h3>
        <p>Somos expertos en Mobile Development. Creemos que el futuro está en responsive design y no nativo.</p>
      </div>
    </section>


    <section id="video">

      <iframe width="640" height="480" src="https://www.youtube.com/embed/-m6UKS1L0YQ" frameborder="0" gesture="media" allowfullscreen></iframe>

    </section>

    <section id="portafolio">
        <div class="container">

          <h2>PORTAFOLIO</h2>

          <div class="box">
            <img src="images/portafolio/roundicons.png" alt="Íconos redondeados">
            <h3>Íconos redondeados</h3>
            <p>Creamos los mejores íconos redondeados del mercado.</p>
          </div>

          <div class="box">
            <img src="images/portafolio/treehouse.png" alt="Creative Digital">
            <h3>Creative Digital</h3>
            <p>Excelente trabajo que nos quedó para Creative Digital Inc.</p>
          </div>

          <div class="box">
            <img src="images/portafolio/escape.png" alt="">
            <h3>We can do that</h3>
            <p>Increíble elaboración del concepto que hicimos para Yup, we can do that.</p>
          </div>

          <div class="box">
            <img src="images/portafolio/escape.png" alt="">
            <h3>Escape</h3>
            <p>Este es el mismo que el anterior pero esperemos que nadie lo note.</p>
          </div>

          <div class="box">
            <img src="images/portafolio/dreams.png" alt="Dreams">
            <h3>Dreams</h3>
            <p>Una aplicación que nos quedó muy bacana. Hecha con Ruby on Rails.</p>
          </div>

          <div class="box">
            <img src="images/portafolio/startup-framework.png" alt="Startup Framework">
            <h3>Startup Framework</h3>
            <p>Este es increíble. Es un desarrollo que hicimos ya hace un tiempo.</p>
          </div>


        </div>


    </section>

    <section id="contacto">
      <h2>CONTACTO</h2>

      <form class="" action="index.html" method="post">

      <div><input type="text" name="" value="" placeholder="Tu Email"></div>
      <div><textarea name="name" rows="8" placeholder="Tu Texto"></textarea></div>
      <button type="button" name="button">ENVIAR</button>

      </form>


    </section>

    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3966.7046398412467!2d-75.57538568552424!3d6.170289028881149!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8e4682ff441809a9%3A0xdec8d1fdccb1ae54!2sCamino+de+Cumbres!5e0!3m2!1ses-419!2sco!4v1509747015410" width="100%" height="200px" frameborder="0" style="border:0" allowfullscreen></iframe>


   <footer>  © <strong>Studio Dev</strong>, 2017 todos los derechos reservados</footer>
  </body>
</html>