Untitled

avatar
unknown
html
2 years ago
5.0 kB
10
Indexable
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
  <link rel="manifest" href="favicon/site.webmanifest">
  <link rel="mask-icon" href="favicon/safari-pinned-tab.svg" color="#5bbad5">
  <link rel="shortcut icon" href="favicon/favicon.ico">
  <meta name="msapplication-TileColor" content="#da532c">
  <meta name="msapplication-config" content="favicon/browserconfig.xml">
  <meta name="theme-color" content="#ffffff">
  <meta property="og:image" content="images/share-image.jpg" />
  <meta name="description" content="xxx">
  <meta name="keywords" content="xxx">
  <link rel="stylesheet" href="https://use.typekit.net/ulw8ujd.css">
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>I Klivi</title>

</head>

<body>
  <img id="logoImg" src="images/logo.svg">
  <div class="centerFather">
<img id="capezzolino" src="images/capezzolino.svg"></div>


  <div id="introContent">
    <div id="lottieController">

    </div>
  </div>
  </section>
  <section id="header">

  </section>
    <div id="mapBackground"><img src="images/bgmap.svg"></div>
    <section id="pageContent">
      
    <ul class="languagepicker roundborders large desktop">
      <a href="#" data-lang="sl">Slovenščina</a>
      <a href="#" data-lang="en">English</a>
      <a href="#" data-lang="it" >Italiano</a>
    </ul>
    <ul class="languagepicker roundborders large mobile">
      <a href="#" data-lang="en">ENG</a>
      <a href="#" data-lang="it">ITA</a>
      <a href="#" data-lang="sl">SLV</a>
    </ul>

    
    
    <section id="par1">

      <div id="separatorUp" class="separator">
        <hr width="100%" />
        <img class="smallDecoration" src="images/separatorup.svg">
        <hr width="100%" />
      </div>
      <div id="par1Title" class="title"></div>
      <div id="par1Content" class="content"></div>
      <div id="separatorDown" class="separator">
        <hr width="100%" />
        <img class="smallDecoration" style="transform:rotate(180deg)" src="images/separatorup.svg">
        <hr width="100%" />
      </div>
    </section>
    <div id="cta"></div>
    <section id="par2">
      <div id="par2Title" class="title"></div>
      <div id="par2Subtitle" class="subtitle"></div>
      <div class="horizontalFlex">
        <div id="par2Content" class="content leftieContent"></div>
        <img id="par2Picture" class="rightiePicture">
      </div>
      </div>
    </section>

    <section id="map">
      <div id="mapTitle" class="title"></div>
      <div id="mapSubtitle" class="subtitle"></div>

      <div class="map-container">
        <img id="map-image" src="images/maps/mappa1.svg" alt="Map">
      </div><div id="timeline-container">
        <div id="line"></div>
        <div id="timeLine"></div>
      </div>
      <div id="mapText" class="content"></div>
    </section>


    <section id="territory" class="section-background parallax">
      <section id="inSection">
        <div id="territoryTitle" class="title"></div>
        <div id="territorySubtitle" class="subtitle"></div>
        <div class="horizontalFlex">
          <div id="territoryDescription" class="content leftieContent"></div>
          <img id="territoryPicture" class="rightiePicture">
        </div>
        </div>
      </section>
    </section>
    <section id="winesContainer">
      <div class="title mobile wineName"></div>
        <div class="subtitle mobile wineSubtitle"></div>
      <div class="image-container">
        <img id="winePicture" class="rightiePicture">
        <img class="rightiePicture hidden-image">
      </div>
      <div id="wineFlexer">
        <div  class="title desktop wineName"></div>
        <div  class="subtitle desktop wineSubtitle"></div>

        <div id="notesLabel" class="label"></div>

        <div id="notes" class="content marginatedTop"><span></span></div>
        <div class="infoContainer">
          <div class="labelContent" id="alcolContent">
            <div id="alcolLabel" class="label"></div>
            <div id="alcol" class="content marginatedTop"></div>
          </div>

          <div class="labelContent" id="vendemmiaContent">
            <div id="vendemmiaLabel" class="label"></div>
            <div id="vendemmia" class="content marginatedTop"></div>
          </div>

          <div class="labelContent" id="zuccheriContent">
            <div id="zuccheriLabel" class="label"></div>
            <div id="zuccheri" class="content marginatedTop"></div>
          </div>
        </div>
      </div>
      <div id="nextButton" class="content hover-underline-animation"></div>
      <img class="nextIcon" src="images/next.svg">
    </section>
  </section>
  <section></section>
  </div>
  <script type="module" src="/js/app.js"></script>
</body>

</html>
Editor is loading...