Notify/index.htm at main · TalehTaghi/Notify · 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
<!DOCTYPE html>
<html lang="az">

<head>

    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Notify</title>
    <link rel="stylesheet" href="asset/css/style.css">
    <script src="https://kit.fontawesome.com/0ad63258ae.js" crossorigin="anonymous"></script>

</head>

<body>

    <div class="greenLine"></div>
    <header>
        <div class="container">
            <img src="asset/img/logo.png" class="mb-30" alt="Notify" />
            <p>A great new free psd theme to showcase your new application. </p>

            <div class="os">
                <a href="#" class="icons"> <i class="fab fa-apple"></i> </a>
                <a href="#" class="icons"> <i class="fab fa-android"></i> </a>
                <a href="#" class="icons"> <i class="fab fa-windows"></i> </a>
            </div>
        </div>
    </header>

    <section id="features" class="pt-60 pb-60">
        <div class="container">
            <article>
                <a href="#" class="icons mb-30"> <i class="fas fa-cog"></i> </a>
                <h3 class="mb-30">Editable Theme</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse fringilla fringilla.</p>
            </article>

            <article>
                <a href="#" class="icons mb-30"> <i class="fas fa-star"></i> </a>
                <h3 class="mb-30">Flat Design</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse fringilla fringilla.</p>
            </article>

            <article>
                <a href="#" class="icons mb-30"> <i class="fas fa-globe-asia"></i> </a>
                <h3 class="mb-30">Reach Your Audience</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse fringilla fringilla.</p>
            </article>
        </div>
    </section>

    <section id="getNotified" class="pt-60 pb-60">
        <div class="container">
            <article>
                <h1 class="mb-30">Get Notified Of Any Updates</h1>
                <p class="mb-30">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse fringilla fringilla nisl congue congue. Maecenas nec condimentum libero, at elementum mauris. Phasellus eget nisi dapibus, ultricies nisl at, hendrerit risusuis ornare luctus id sollicitudin ante lobortis at.</p>
                <form>
                    <input type="email" name="email" id="email" placeholder="Email Address" required="required" />
                    <button type="submit">Notify</button>
                </form>
            </article>
            <div class="video">
                <video src="#" controls></video>
            </div>
        </div>
    </section>

    <section id="people" class="pt-60 pb-60">
        <div class="container">
            <p class="mb-30">“Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris interdum velit vitae nulla molestie eu commodo nulla dapib us. Donec id sollicitudin urna. Integer at dui ac leo fermentum varius eleifend ut.”</p>
            <h4 class="mb-30">Jane Hunt</h4>

            <div class="images">
                <div class="divOfImg"> <img src="asset/img/person.png" alt="person" title="person" /> </div>
                <div class="divOfImg"> <img src="asset/img/person.png" alt="person" title="person" /> </div>
                <div class="divOfImg"> <img src="asset/img/person.png" alt="person" title="person" /> </div>
                <div class="divOfImg"> <img src="asset/img/person.png" alt="person" title="person" /> </div>
                <div class="divOfImg"> <img src="asset/img/person.png" alt="person" title="person" /> </div>
                <div class="divOfImg"> <img src="asset/img/person.png" alt="person" title="person" /> </div>
                <div class="divOfImg"> <img src="asset/img/person.png" alt="person" title="person" /> </div>
                <div class="divOfImg"> <img src="asset/img/person.png" alt="person" title="person" /> </div>
                <div class="divOfImg"> <img src="asset/img/person.png" alt="person" title="person" /> </div>
                <div class="divOfImg"> <img src="asset/img/person.png" alt="person" title="person" /> </div>
                <div class="divOfImg"> <img src="asset/img/person.png" alt="person" title="person" /> </div>
                <div class="divOfImg"> <img src="asset/img/person.png" alt="person" title="person" /> </div>
                <div class="divOfImg"> <img src="asset/img/person.png" alt="person" title="person" /> </div>
                <div class="divOfImg"> <img src="asset/img/person.png" alt="person" title="person" /> </div>
                <div class="divOfImg"> <img src="asset/img/person.png" alt="person" title="person" /> </div>
                <div class="divOfImg"> <img src="asset/img/person.png" alt="person" title="person" /> </div>
                <div class="divOfImg"> <img src="asset/img/person.png" alt="person" title="person" /> </div>
                <div class="divOfImg"> <img src="asset/img/person.png" alt="person" title="person" /> </div>
                <div class="divOfImg"> <img src="asset/img/person.png" alt="person" title="person" /> </div>
            </div>

            <h2 class="mb-30">Say Hi & Get in Touch</h2>
            <p class="mb-30">Lorem ipsum dolor sit amet, consectetur adipiscing elit suspendisse. </p>

            <div class="social">
                <a href="#" class="icons"> <i class="fab fa-twitter"></i> </a>
                <a href="#" class="icons"> <i class="fab fa-facebook-f"></i> </a>
                <a href="#" class="icons"> <i class="fab fa-pinterest"></i> </a>
                <a href="#" class="icons"> <i class="fab fa-google-plus-g"></i> </a>
                <a href="#" class="icons"> <i class="fab fa-linkedin-in"></i> </a>
                <a href="#" class="icons"> <i class="fab fa-youtube"></i> </a>
            </div>
        </div>
    </section>

    <footer class="pt-60 pb-60">
        <div class="container">
            <nav>
                <ul>
                    <li><a href="#">Contact</a></li>
                    <li><a href="#">Download</a></li>
                    <li><a href="#">Press</a></li>
                    <li><a href="#">Email</a></li>
                    <li><a href="#">Support</a></li>
                    <li><a href="#">Privacy Policy</a></li>
                </ul>
            </nav>
        </div>
    </footer>
</body>

</html>