interior/index.html at master · tuanlearntocode/interior · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Interior Design</title>
    <link rel="stylesheet" href="styles.css" />
    <link
      href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600&display=swap"
      rel="stylesheet"
    />
    <link
      href="https://fonts.googleapis.com/css2?family=Open+Sans&family=Poppins:wght@400;700&display=swap"
      rel="stylesheet"
    />
  </head>

  <body>
    <div class="container">
      <div class="box-1">
        <nav class="main-nav">
          <p>In<span>side</span>.</p>
          <ul class="center-nav">
            <li><a href="#">Home</a></li>
            <li><a href="#">About us</a></li>
            <li><a href="#">Projects</a></li>
            <li><a href="#">Article</a></li>
          </ul>
          <div class="contact"><a href="#">Contact</a></div>
        </nav>
        <h1>Make your interior extraordinary</h1>
        <div class="img-box-1">
          <img class="box1-img1" src="img/box1-img1.png" alt="" />
          <img class="box1-img2" src="img/box1-img2.png" alt="" />
        </div>
        <img class="button-box1" src="img/BUtton.png" alt="" />
      </div>

      <div class="box-2">
        <div class="img-box-2">
          <img class="box2-img1" src="img/box2-img1.png" alt="" />
          <img class="box2-img2" src="img/box2-img2.png" alt="" />
        </div>
        <div class="box2-desc">
          <h2>Design agency is defined by our approach.</h2>
          <p>
            Design Agency is an award-winning studio with a talent for
            envisioning inspired environments and brands. We provide exceptional
            designs.
          </p>
          <img class="box2-button" src="img/box2-button.png" alt="" />
        </div>
      </div>
    </div>

    <div class="projects">
      <div class="container-2">
        <div class="projects-decs">
          <h2>Our latest projects</h2>
          <p>
            Let's have a look at our latest project that we did with emotion,
            passion and confidently.
          </p>
        </div>
        <div class="projects-img">
          <img src="img/Image 1.png" alt="" class="img1" />
          <img src="img/Image 2.png" alt="" class="img2" />
          <img src="img/Image 3.png" alt="" class="img3" />
          <img src="img/project-button.png" alt="" class="project-button" />
        </div>
      </div>
    </div>

    <div class="testimonial">
      <div class="tile">
        <h2>Few words</h2>
        <p>Let's have a look what our clients are saysing about us</p>
      </div>
      <div class="testimonial-slide">
        <img class="left-arrow" src="img/left-arrow.png" alt="" />
        <div class="testimonial-img">
          <div class="group-img">
            <div class="square"></div>
            <img class="person" src="img/person-testimonial.png" alt="" />
          </div>
          <div class="img-desc">
            <p>
              "Great Interior Design Agency I have ever seen. Their services is
              just awesome. They have highly professional and they design with
              emotion, passion and confidently. I'm glad to get their servers
              for my house".
              <br />
              <br />
              <b>Jack Dawson</b>
              <br />
              Client
            </p>
          </div>
        </div>
        <img class="right-arrow" src="img/right-arrow.png" alt="" />
      </div>
    </div>

    <div class="feedback">
      <h2>We are ready to answer all your questions</h2>
      <form>
        <!-- <label for="name">Your Name:</label> -->
        <input type="text" placeholder="Your Name" id="name" required />
        <!-- <label for="email">Email:</label> -->
        <input type="email" placeholder="Your Email" id="name" required />
        <!-- <label for="message">Message:</label> -->
        <input type="text" placeholder="Write your message" id="message" / />
        <input type="image" src="img/submit-btn.png" />
      </form>
    </div>

    <div class="footer">
      <div class="footer-container">
        <p>
          In<span>side.</span><br />
          email@gmail.com
        </p>
        <ul>
          <li><a href="#">Instagram</a></li>
          <li><a href="#">Facebook</a></li>
          <li><a href="#">Linkedin</a></li>
          <li><a href="#">Twitter</a></li>
        </ul>
      </div>
    </div>
  </body>
</html>