applove2/index.html at master · StephHiyagon/applove2 · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="assets/css/style.css">
  <link rel="stylesheet" href="assets/css/main.css">
  <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
  <title>APPLOVE</title>
</head>
<body>
  <header>
    <div class="menu container">
    <a href="" class="text-uppercase link">Services</a>
    <a href="" class="text-uppercase link">Work</a>
    <a href="" class="text-uppercase link">The Team</a>
    <img src="assets/images/logo-r.png" alt="logo" class="logo" width="70">
    </div>
  </header>
  <section id="home">
    <div class="container">
      <h2>YOU JUST FOUND AN UNTILMATE</h2>
      <h1 class="text-uppercase text-home mb-0">we are applove from heart</h1>
      <p class="text-uppercase mt-0">HANDCRAFTED - MODERN DESIGN - PIXEL PERFECT - PASSIONED DESIGN </p>
      <a href="#services" class="btn-home">view services</a>
    </div>
  </section>
  <section id="services">
    <div class="container">
      <h2 class="text-uppercase text-services mt-0">Services</h2>
      <h4>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
         et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
         ex ea commodo consequat.
      </h4>
      <div class="box-services">
        <img src="assets/images/website.png" alt="" width="200">
        <h5 class="mb-O">USER INTERFACE DESIGN</h5>
        <h6 class="m-O">Wireframing</h6>
        <h6 class="m-O">Prototyping</h6>
        <h6 class="m-O">Usability testing</h6>
      </div>
      <div class="box-services">
        <img src="assets/images/img-1.png" alt="" width="200">
        <h5 class="mb-O">CONCEPT AND IDEAS</h5>
        <h6 class="m-O">Conceptualization</h6>
        <h6 class="m-O">Digital Branding</h6>
        <h6 class="m-O">Product strategy</h6>
      </div>
      <div class="box-services">
        <img src="assets/images/lapiz.png" alt="" width="200">
        <h5 class="mb-O">DESIGN AND BRANDING</h5>
        <h6 class="m-O">Interaction Design</h6>
        <h6 class="m-O">Graphic Design</h6>
        <h6 class="m-O">Identity Design</h6>
      </div>
    </div>
  </section>
  <section id="work">
    <div class="work-title">
      <h2>Work</h2>
      <h4>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
         magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
         consequat.
      </h4>
      <div class="computer">
         <img src="assets/images/hero.png" alt="computer" width="1000">
      </div>
      <div id="misImg"class="img-work">
         <div id="myModal" class="modal">
            <span id="close">&times;</span>
            <img class="modal-content" id="img01">
            <div id="caption"></div>
         </div>
       </div>
    </div>
  </section>
  <footer>
    <p> &copy Copyright</p>
  </footer>
  <script src="assets/js/app.js" charset="utf-8"></script>
</body>
</html>