Site_Example-1/index.html at master · dimonzav/Site_Example-1 · 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
<!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">
    <link rel="stylesheet" type="text/css" href="build/main.min.css">
    <link rel="stylesheet" media="all" href="css/animate.css">
    <script src="js/wow.min.js"></script>
    <script>new WOW().init();</script>
  </head>
  <body>
    <div class="container">
        <header>
            <img src="images/header_2.jpg" alt="header image">
            <div id="header_title">Site Name</div>
            <p>WE'VE BEEN HELPING STARTUPS LAUNCH AND GROW THEIR BUSINESSES.</br> WE HELP YOU TO FILL THE GAP BETWEEN DEVELOPMENT,</br>DESIGN AND PRODUCT MANAGEMENT.</p>
            <img src="images/header_1.jpg" alt="">
        </header>
        <div id="about" class="fadeIn wow" data-wow-offset="250">
            <div id="info_about">
                <p>When you work with us, you are part of a team of committed collaborators.</br>All aspects of our software development process are integrated, iteractive and agile</br></br>Out approach unifies design, development and</br>product management to create exceptional products.</br>We start each project by understanding your business goals,</br>the user's needs and the product requirements.</br>Then we help translate them into effective and elegant solutions.
            </p>
            </div>
            <div id="about_title">ABOUT US</div>
        </div>
        <div id="services" class="fadeIn wow" data-wow-offset="250">
            <!-- <img src="images/bg_services.jpg" alt="background"> -->
            <div id="info_services">
                <p>Before we sign a contract or write a line of code our team will spend the necessary</br>time needed to understand your productvision.<br>The outcome of this scoping session is a proposal or high-level statemetn of work</br>Based on your requirements, we can provide a complete offering or just the pieces</br>you need.</p>
            </div>
            <div id="services_title">SERVICES</div><hr width="13.0208%" size="2" color="white" noshade id="one"><hr width="13.0208%" size="2" color="white" noshade id="two">
        </div>
        <div id="info">
            <div id="info_text"></div>
            <div id="info_title">WHAT WE DO</div>
            <div id="text1" class="flipInX wow" data-wow-offset="250" data-wow-duration="1s">
                <img src="images/info_1.jpg" alt="info_1">
                <h3>DESIGN</h3>
                <p>Our design practice offers a full range of services including branding strategy</br>iteraction and visual design and user experience testing</br>
                Throughout your project, our designers create and implement visual designs and workflows,</br>solicit user feedback, and work with you to make sure what gets built is what is needed.
                </p>
            </div>
            <div id="text2" class="flipInX wow" data-wow-offset="250" data-wow-duration="1s">
                <img src="images/info_2.jpg" alt="info_2">
                <h3>DEVELOPMENT</h3>
                <p>All engineers are fluent in the latest enterprise, mobile and web development technologies.</br>They collaborate with your team to write, test, and improve code on a daily basis, using proven</br>practices such as test-driven development and pair programing.</p>
            </div>
            <div id="text3" class="flipInX wow" data-wow-offset="250" data-wow-duration="1s">
                <img src="images/info_3.jpg" alt="info_3">
                <h3>PRODUCT MANAGEMENT</h3>
                <p>Planning and development is iteractive. Because we are constantly coding and testing, the</br>products we build are always ready to go live. This iteractive process allows for  changes as</br>business requirements evolve.</p>
            </div>
        </div>
        <div id="works">
            <div class="zoomIn wow" data-wow-offset="250" id="work_1"><img src="images/work_1.jpg" alt="work_1" style="max-width:100%; max-height:100%;"><h2>TOPWORKZ</h2></div>
            <div class="zoomIn wow" data-wow-offset="250" id="work_2"><img src="images/work_2.jpg" alt="work_2" style="max-width:100%; max-height:100%;"><h2>JOINT</h2></div>
            <div class="zoomIn wow" data-wow-offset="250" id="work_3"><img src="images/work_3.jpg" alt="work_3" style="max-width:100%; max-height:100%;"><h2>MARKET</h2></div>
            <div class="zoomIn wow" data-wow-offset="250" id="work_4"><img src="images/work_4.jpg" alt="work_4" style="max-width:100%; max-height:100%;"><h2>WORKTOP</h2></div>
            <div class="zoomIn wow" data-wow-offset="250" id="work_5"><img src="images/work_5.jpg" alt="work_5" style="max-width:100%; max-height:100%;"><h2>LABLE</h2></div>
            <div class="zoomIn wow" data-wow-offset="250" id="work_6"><img src="images/work_6.jpg" alt="work_6s" style="max-width:100%; max-height:100%;"><h2>KYIV</h2></div>
        </div>
        <div id="contact">
            <div id="contact_info">
                <p>Planning and development is iteractive. ecause we are constantly coding and</br>testing, the products we build are always ready to go live. This iteractive process</br> allows for  changes as business requirements evolve.</p>
            </div>
            <div id="contact_title">CONTACT US</div>
            <button id="contact_btn" class="wow">CONTACT US</button>
        </div>
        <footer>
            <div><img src="images/footer.jpg" alt="footer image"></div>
            <p>&copy; 2015 All Rights Reserved Ellipsis.com</p>
        </footer>
    </div>


    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="js/animation.js"></script>

  </body>
</html>