to/index.html at master · ge8/to · 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
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Tortoiseshell Optics</title>
    <link rel="stylesheet" href="./resources/reset.css">
    <link rel="stylesheet" href="./resources/style.css">
  </head>
  <body>

    <!-- Header -->
    <div class="header">
      <div class="logo">
        <img src="./resources/img/logo-white.png" alt="logo">
        <span>Tortoiseshell Optics</span>
      </div>
      <nav class="nav">
        <span>Services</span>
        <span>Products</span>
        <span>Contacts</span>
      </nav>
      <nav class="mobile-nav">
        <span>Menu</span>
      </nav>
    </div>

    <!-- Heading -->
    <div class="title">
      <div class="container">
        <div class="headline">
          <h1>DON'T JUST LOOK, SEE.</h1>
        </div>
      </div>
    </div>

    <!-- Main -->
    <div class="main">
      <div class="exam">
        <img src="./resources/img/paper-icon.png" alt="paper-icon">
        <p class="less460">Comprehensive Exams</p>
      </div>
      <div class="column">
        <img src="./resources/img/ruler-icon.png" alt="ruler-icon">
        <p class="less460">Custom Fittings</p>
      </div>
      <div class="column">
        <img src="./resources/img/truck-icon.png" alt="truck-icon">
        <p class="less460">Fast Delivery</p>
      </div>
    </div>

    <div class="main">
      <div class="exam">
        <p class="more460">Comprehensive Exams</p>
      </div>
      <div class="column">
        <p class="more460">Custom Fittings</p>
      </div>
      <div class="column">
        <p class="more460">Fast Delivery</p>
      </div>
    </div>

    <!-- Philosophy -->
    <div class="text-blocks">
      <div class="text">
        <div class="text-title">
          <p>PHILOSOPHY</p>
        </div>
        <div class="paragraph">
          <p>Over 75% of our brains are dedicated to one sense: vision. We believe everyone deserves to see the world, not matter what. That’s why we offer eye exams, custom fittings, and quick delivery at a low cost. It’s your vision that makes ours.</p>
        </div>
      </div>

      <div class="text">
        <div class="text-title">
          <p>APPOINTMENTS</p>
        </div>
        <div class="paragraph">
          <p>Schedule an appointment by calling us at (312) 654-0987. We’re open Tuesday - Saturday, 9AM - 6PM.</p>
        </div>

      </div>
    </div>

    <!-- Footer -->
    <div class="footer">
      <div class="logo">
        <img src="./resources/img/logo-black.png" alt="logo">
        <span>Copyright Tortoiseshell Optics</span>
      </div>
    </div>
  </body>
</html>