htmlcss-threshold/generic.html at gh-pages · BadBrahmin/htmlcss-threshold · 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
133
134
135
136
137
138
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Threshold Generic</title>
        <link rel="stylesheet" href="./assets/stylesheets/reset.css">
        <link rel="stylesheet" href="./assets/stylesheets/style.css">
        <script src="https://kit.fontawesome.com/3fe1f58858.js"></script>
    </head>
    <body>
        <!--Header-->
        <header class="genric-header">
            <div class="wrapper">
                <nav class="nav-bar flex">
                    <h1 class="logo">Threshold</h1>
                    <div class="menu-links">
                        <a href="index.html">Home</a>
                        <a href="#">Dropdown</a>
                        <a href="generic.html" class="active">Generic</a>
                        <a href="#">Elements</a>
                    </div>
                    <div class="ham-menu-links">
                        <i class="fas fa-bars ham-icon"></i>
                    </div>
                </nav>
            </div>
        </header>

        <!--Main-->

            <!-- Page Name -->
                <section class="wrapper page-name">
                    <h2>Generic</h2>
                    <p>Sed egestas, ante et vulputate volutpat semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida est. Sed lectus. Praesent elementum hendrerit tortor.</p>
                </section>

                <!-- IMAGE -->
                <div class="wrapper g-image-res">
                    <img class="genericimage img-responsive" src="assets/media/main01.jpg">
                </div>
                <!-- TEXT  -->

                <section class="generic-text">
                    <div class="wrapper">
                        <p>Lorem ipsum dolor sit accumsan interdum nisi, quis tincidunt felis sagittis eget. tempus euismod. Magna et cursus lorem faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod tempus. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac sed amet praesent. Nunc lacinia ante nunc ac gravida lorem ipsum dolor sit amet dolor feugiat consequat.</p>
                        <br>
                        <h4 class="article-heading">Magna Sed Ipsum</h4>

                        <p>Lorem ipsum dolor sit accumsan interdum nisi, quis tincidunt felis sagittis eget. tempus euismod. Magna et cursus lorem faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod tempus. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Magna et cursus lorem faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod tempus. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac sed amet praesent. Nunc lacinia ante nunc ac gravida lorem ipsum dolor sit amet dolor feugiat consequat.</p>
                        <br>
                        <h4 class="article-heading">Eusimod Faucibus Primis</h4>

                        <p>Lorem ipsum dolor sit accumsan interdum nisi, quis tincidunt felis sagittis eget. tempus euismod. Magna et cursus lorem faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod tempus. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Magna et cursus lorem faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod tempus. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac sed amet praesent. Nunc lacinia ante nunc ac gravida lorem ipsum dolor sit amet dolor feugiat consequat.</p>
                    </div>
                </section>

        <!--Footer-->

        <section class="wrapper footer-c">

        <!-- FORM  -->
            <div class="bottom-form flex wrapper">
                <div class="footer-text">
                    <h4 class="article-heading">Get in touch</h4>
                    <p>Ut convallis, sem sit amet interdum consectetuer, odio augue aliquam leo, nec dapibus tortor nibh sed augue. Integer eu magna sit amet metus ferment. Pellentesque a diam sit amet amet dolor ullamcorper vehicula. Lorem ipsum dolor sit amet dolor sit amet consequat.</p>
                </div>
                <form>
                  <div class="flex">
                    <input
                      class="form-control input-field"
                      placeholder="Name"
                      type="text"
                    />
                    <input
                      class="form-control input-field"
                      placeholder="Email"
                      type="email"
                    />
                  </div>
                  <textarea
                    class="form-control"
                    placeholder="Message"
                    name=""
                    id=""
                    rows="7"
                  ></textarea>
                  <div class="btn-form">
                  <button type="submit" class="btn">Send Message<i class="fas fa-arrow-right icon"></i></button></div>

                </form>
            </div>

        <!-- CONTACT GRID -->

            <div class="grid-footer wrapper">
                <div>
                    <p><i class="fas fa-home"></i> 1234 Fictional Rd #789 Nashville</p>
                </div>

                <div>
                    <p><i class="fas fa-home"></i> +91-9999998877</p>
                </div>

                <div>
                    <i class="fas fa-envelope"></i>
                    <a href="mailto:information@untitled.ext"> information@untitled.ext</a>

                </div>

                <div>
                    <i class="fab fa-twitter"></i>
                    <a href="https://www.Twitter.com/AltCampus" target="_blank">twitter/AltCampus</a>
                </div>

                <div>
                    <i class="fab fa-facebook-f"></i>
                    <a href="https://www.facebook.com/AltCampus" target="_blank">facebook/AltCampus</a>
                </div>

                <div>
                    <i class="fab fa-linkedin-in"></i>
                    <a href="https://www.Linkedin.com/AltCampus" target="_blank">linkedin/AltCampus</a>
                </div>

            </div>

            <!-- Footer Signature -->
                <div class="wrapper footersign">
                    <small>&copy; Untitled. All rights reserved. AltCampus</small>
                </div>

        </section>


    </body>
</html>