FinalPaperLayout/index.html at main · devhub7/FinalPaperLayout · 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" />
    <title>FinalPaperLayout</title>
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <div id="header_area">
      <div class="header fix structure">
        <div class="logo floatleft">
          <img src="assets/img/logo.jpg" alt="logo" />
        </div>
        <div class="main_menu floatright">
          <ul>
            <li><a href="#" id="active">home</a></li>
            <li><a href="#">products</a></li>
            <li><a href="#">services</a></li>
            <li><a href="#">blog</a></li>
            <li><a href="#">contact</a></li>
          </ul>
        </div>
      </div>
    </div>
    <div id="slider_area">
      <div class="slider structure">
        <div class="slider_img">
          <img src="assets/img/slider.jpg" alt="slider" />
        </div>
      </div>
    </div>
    <div id="service_area">
      <div class="service fix structure">
        <div class="single_service floatleft">
          <h3>Creative Development</h3>
          <p>
            There are many variations of passages of Lorem Ipsum available, but
            the majority have suffered alteration in some form, by injected
            humour, or randomised words which don't look even slightly
            believable.
          </p>
        </div>
        <div class="single_service floatleft">
          <h3>App Design & Development</h3>
          <p>
            There are many variations of passages of Lorem Ipsum available, but
            the majority have suffered alteration in some form, by injected
            humour, or randomised words which don't look even slightly
            believable.
          </p>
        </div>
        <div class="single_service floatleft">
          <h3>Project Management</h3>
          <p>
            There are many variations of passages of Lorem Ipsum available, but
            the majority have suffered alteration in some form, by injected
            humour, or randomised words which don't look even slightly
            believable.
          </p>
        </div>
      </div>
    </div>
    <div id="quote_area">
      <div class="quote fix structure">
        <div class="quoteleft floatleft">
          <p>Inteligence meets imagination</p>
        </div>
        <div class="quoteright floatright">
          <p>Call 1-800-1234...or</p>
          <a href="#">Request a Quote</a>
        </div>
      </div>
    </div>
    <div id="contact_area">
      <div class="contactsection fix structure">
        <div class="about floatleft">
          <h3>About Our Company & Services</h3>
          <p>
            It is a long established fact that a reader will be distracted by
            the readable content of a page when looking at its layout. The point
            of using Lorem Ipsum is that it has a more or less normal
            sistibution of letter as opposed to using content here, content
            making it look like readable English, Man desktop publishing
            packages an web page editors now use Lorem Ipsum as their default
            model text and a search for lorem ipsum will uncover many websites
            still in their infancy.
          </p>
        </div>
        <div class="contact floatright">
          <p>Contact Us</p>
          <p><strong>Address:</strong> 123 Sample Road, Greenvalley, 123</p>
          <p><strong>Telephone:</strong> +123-1234-5678</p>
          <p><strong>Others:</strong> +301-0123-01235</p>
          <p><strong>Email:</strong> mail@yoursitename.com</p>
        </div>
      </div>
    </div>
    <div id="promo_area">
      <div class="promo fix structure">
        <div class="singlepromo floatleft">
          <div class="singlepromo_img">
            <img src="assets/img/promo_bg.jpg" alt="promoBG" />
          </div>
        </div>
        <div class="singlepromo floatleft">
          <div class="singlepromo_img">
            <img src="assets/img/promo_bg.jpg" alt="promoBG" />
          </div>
        </div>
        <div class="singlepromo floatleft">
          <div class="singlepromo_img">
            <img src="assets/img/promo_bg.jpg" alt="promoBG" />
          </div>
        </div>
      </div>
    </div>
    <div id="footer_area">
      <div class="footer fix structure">
        <div class="copyright floatleft">
          <p>&copy; Copyright || All right Reserved.</p>
        </div>
        <div class="socialprofiles floatright">
          <div class="social_links">
            <img src="assets/img/twitter.png" alt="twitter" />
            <img src="assets/img/facebook.png" alt="facebook" />
            <img src="assets/img/feed.png" alt="feed" />
          </div>
        </div>
      </div>
    </div>
  </body>
</html>