paris-landing-template/index.html at main · python019/paris-landing-template · 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
<!DOCTYPE html>
<html lang="en" dir="ltr">

  <head>
    <meta charset="utf-8">

    <title>Paris Landing Page Template | Crimson</title>

    <meta name="description" content="Mixio - awesome coming soon template to kick-start your project">
    <meta name="keywords" content="mix_design, coming soon, under construction, template, landing page, portfolio, one page, responsive, html5, css3, creative, clean, agency, personal page">
    <meta name="author" content="mix_design">


    <link rel="stylesheet" type="text/css" href="css/loaders/loader.css">
    <link rel="stylesheet" type="text/css" href="css/plugins.css">
    <link rel="stylesheet" type="text/css" href="css/main.css">

  </head>

  <body class="split overflow-hidden">

    <div class="menu-black-layer"></div>
    <nav>

      <a href="#" id="menu-close" class="menu-close">
        <span></span>
      </a>

      <ul class="menu" id="menu">
        <li data-menuanchor="homePage">
          <a href="#">Home
            <span>Nice to meet you</span>
          </a>
        </li>
        <li data-menuanchor="aboutPage">
          <a href="#">About Us
            <span>Our brand sucsess story</span>
          </a>
        </li>
        <li data-menuanchor="featuresPage">
          <a href="#">Features
            <span>We love what we do</span>
          </a>
        </li>
        <li data-menuanchor="portfolioPage">
          <a href="#">Portfolio
            <span>Resent projects</span>
          </a>
        </li>
        <li data-menuanchor="contactPage">
          <a href="#">Contact
            <span>Welcome to our office</span>
          </a>
        </li>
      </ul>

    </nav>

    <div id="fullpage-scroll" class="fullpage">

      <div class="section fp-auto-height-responsive home" data-anchor="homePage">
        <div class="container-fluid p-0 fullheight">
          <div class="row g-0 fullheight">

            <div class="col-12 col-xl-6 fullheight home__intro">

              <div class="menu-button">
                <a href="#" id="menu-trigger" class="menu-trigger">
                  <span></span>
                  <span></span>
                  <span></span>
                  <span></span>
                  <span></span>
                  <span></span>
                </a>
              </div>

              <div class="intro__headline">
                <h1>Tourner<br>Dans Le Vide</h1>
                <p>Our website is under construction, but we are ready to go! We are preparing something amazing and exciting for you. Special surprise for our subscribers only.</p>
                <a href="#" class="btn btn-line" id="notify-trigger">
                  <span>notify me</span>
                </a>
                <a href="#" class="btn btn-line">
                  <span>explore</span>
                </a>
              </div>

              <div class="intro__socials">
                <ul>
                  <li>
                    <a class="" href="https://twitter.com/" target="_blank">
                      <i class="fa-brands fa-twitter"></i>
                    </a>
                  </li>
                  <li>
                    <a class="" href="https://github.com/" target="_blank">
                      <i class="fa-brands fa-github"></i>
                    </a>
                  </li>
                  <li>
                    <a class="" href="https://www.facebook.com/" target="_blank">
                      <i class="fa-brands fa-facebook-f"></i>
                    </a>
                  </li>
                </ul>
              </div>

            </div>

            <div class="col-12 col-xl-6 fullheight home__media media_main">

              <div class="color-layer color-layer-dark"></div>

            </div>

          </div>
        </div>
      </div>

    </div>


    <script src="js/libs.min.js"></script>
    <script src="js/gallery-init.js"></script>
    <script src="js/main.js"></script>
    <script src="js/maps/map-silver.js"></script>

  </body>

</html>