Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

References

Find out more

<h6>Titolo di intestazione di sesto livello
<meta>Definisce i meta dati di una pagina web.
text/plainDefinisce un metodo di non codifica dei valori di un form
<h2>Titolo di intestazione di secondo livello
formactionPermette di definire l'URL di una pagina web a cui inviare i dati di un form
<pre>Indica una parte di testo preformattato

Users

Log in to search for users

Explore

Find inspiration

IL MARE

Borsino

Form

Festava Live - Bootstrap 5 CSS Tem

Form per il torneo misto disfo

JavaScript Debug Console

Esercizi 05/03/2024 es10

HTML

CSS

terminal console

feedback

add_box New

cookie Policy

Privacy information and cookies

We use cookies or technologies for technical purposes and, with your consent, also for other purposes as specified in the cookie policy. Refusal of consent may make some functions unavailable. Read more about the privacy policy

Click on “Agree” to confirm.

<!DOCTYPE html>
<html>
	<head>
		<meta charset=utf-8 />
		<title>
          UDB
		</title>
      	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
  		<script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>
      <script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
	<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>

	</head>
	<body onload="cookiesAlert()">
      <div class="htmlmenu-wrapper">
  <div class="htmlmenu-header">
    <div class="htmlmenu-container">
      <div class="htmlmenu-logo">
        <a>
          <h1>UDB</h1>
          <p id="copyright">&copy;</p>
        </a>
      </div>
      <input type="checkbox" id="htmlmenu-toggle" class="htmlmenu-toggle">
      <label for="htmlmenu-toggle"><span></span><span></span><span></span></label>
      <nav class="htmlmenu-menu htmlmenu-submenu-scale" role="navigation">
        <ul>
          <li class="htmlmenu-menu-current" id="homeSection-section">
            <a id="homeSection" onclick="home()" href="#">Home</a>
          </li>
          <li>
            <input id="htmlmenu-1539847293314" type="checkbox">
            <a>Tutorials
              <label for="htmlmenu-1539847293314"></label>
            </a>
            <ul>
              <li>
                <a id="getStarted">Get started</a>
              </li>
              <li>
                <a id="downloadPDF">Download PDF's</a>
              </li>
              <li>
                <a id="downloadVids">Download videos</a>
              </li>
            </ul>
          </li>
          <li>
            <a>Services</a>
          </li>
          <li class="htmlmenu-submenu-right">
            <input type="checkbox" id="htmlmenu-1539847293318">
            	<a id="contactSection">Contact
              		<label for="htmlmenu-1539847293318"></label>
            	</a>
            <ul>
              <li>
                <a onclick="ourGmail()">Gmail</a>
              </li>
              <li>
                <a>Whatsapp</a>
              </li>
            </ul>
          </li>
          <li>
            <input id="htmlmenu-1709492949391" type="checkbox">
            <a id="profile">Profile
              <label for="htmlmenu-1709492949391"></label>
            </a>
            <ul>
              <li>
                <a id="login" onclick="login()">Login</a>
              </li>
              <li>
                <a id="register" onclick="register()">Register</a>
              </li>
              <li>
                <a id="profile">Main profile</a>
              </li>
              <li>
                <a id="privacy" onclick="privacy()">Privacy and Conditions</a>
              </li>
              <li>
                <a id="cookies" onclick="cookiesConfig">Cookies Configuration</a>
              </li>
              <li>
                <a id="logout">Logout</a>
              </li>
            </ul>
          </li>
        </ul>
      </nav>
    </div>
    <div class="htmlmenu-header-shadow"></div>
  </div>
  <div class="htmlmenu-header-spacer"></div>
</div>
      <aside>
        <div class="asideColumn">
          <a href="#"><img src="data:image/jpeg;base64,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"></a>
          <a href="#"><img src="data:image/png;base64,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"></a>
          <a href="#"><img src="data:image/jpeg;base64,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"></a>
        </div>
      </aside>
      <main>
        <br>
        <br>
      	<div class="body-header">
        	<div class="body-header-div-1">
          		<img src="data:image/png;base64,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">
          			<div>
          				<h2>Who we are?</h2>
          				<p>We are a coaching agency that provides it's clients the best services in the actual market. If you have any doubt, please, click on the "Contact" section.</p>
          			</div>
        	</div>
        	<div class="body-header-div-2">
          		<div>
          			<h2>What we do?</h2>
          			<p>We help our clients giving our knowledge and our years of experience by explaining them every movement and step we took and let them think if it's the best for them.</p>
          		</div>
          		<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAAgVBMVEXx8vLy8/Pz9PRNTE709fX19vb29/f29vb3+Pj19fX39/f09PT6+vr///9BQEI5ODrR0dFGRUeVlJXo6OhUU1XAwMA2NDdEQ0XExMQ+PD9QT1FxcXLf39+FhIWrq6yxsbJjYmRvb3B8fH3i4uNbWlybmpuMjI2jo6O4t7guLTB4eHncdJPQAAAKyUlEQVR4nO3da3vaOgwAYFo2oCHmsq5Z2dnW7tZ1+/8/8FAgiS+SLPmWQKsv2zMI5J1kOySxM5m8xVu8xSuKKz2G3pmEceWLoXcwJry4c2YKcOfIDOKdDTJCdw7KBLxRI5P5xmn07fHSjbNC+mnXbvihQ7O6oHCADJKO2RiF4zDH6JPqNOXojAl5FHJEvjgegRyHLwUPR47B591rM3xvH9go8AFjPQvqGkfoaxXvsKCZwxk5Pp8NcHKMY/EJdKZyFEavT64zlF5jUSDiC+L1SJ+xnM8FRvJQZLk0RvluzIgylgG6PpbMDhRpf34BIpVA2Gda3uvhZTpGM42ZfXYCQR8ss4NAusasaSSAkI+ls5VeY04iXqGAT6KzlB5jvkoVJDBAZyoFaSwATOljGrMQ2UCSNzeDRBYmYk2Q65tTEWA0GmNBIOwjdajSMWYl4kCfz2TM7CCVgDEXEQGaCQR8BA2D0sal+fXpiHAf4wJhnkfnKB0jXqmphBiQ42PyTCRtTE8MAIbwDGRRItYGfT5YUM2qNvZ/J5C4EWuLxYCIr8LDb8xJZAF9PkKHKCFjJiLYCDWgmUDAx9CBSttopNEgxgkDgLhvAYXHmJvIABI+Hw5k0sbkxBggV+coY4jhwKUPiPmYPBOJGhHiMpQI1SgPSPjo0nWNPGJYnQqBjg+nmQG/zzTmIQYCof1GdaDSNsqIIcAlDZwDQBEP2wSuVJgY0hTJFLrA077VKaMFo8SoJIqAC6Vu88W1qmfpiWSNWsBZff1h16yzRfN4r/xEaZ1CKdQaoQFc3G4/TbNG88Em9k0xMInMGj0C64/bvMDpdP1sFGqCOnWFKHBWP+9yA6fTrZp5iRIhD/j+OEqof9lTOJ3uNvWBSDdFPpHuZkzgTH08/i9ni5dPX93VM4tIdTYpa7QVbn9/yBVbXZimTol+1AWehCuVK6p1J8SIbmcTk0Ib2Am1I7RF6BGOdaR3+PuVJjSJwUkkU2g1QlNoAmOO1LRPMoRIU5QlkUihUaPtoXYvjPc5Rkc4g+pUmERZjVa9MA3QIbbCyvktRdZpqhRWvVAHyln7LsU2nj6wE1aJkiisUUsYBlTq593D3W1v1Ii1LeQSg4RAjZrCQOCXx/VqtWq+98aeWC87IVGnAqFTpJ4arRaaMBB43xyP+7bNxiXqQk6desuUl8IZKAzNYNMdfja33T+3REA4i0kiI4VmjS56YWgf89gfuW9/2P1NL1xUQJ3KkyhJ4anh6cc0IcDbtfYbornSXjp+YidcwHUqTKIr9KUwWni30oSrjZ1ETOgmkSWkihRJoSGUA2v1YAjvNWFtCZlJJMvUX6RdCrvBQRMGAK0c7vQcHoi6sCfqSRSVaUAKNWEIcN8OG03YVOarmJCXxJAidVPYC4OAe6J2FmT7pKxXTSEviUSZsvoZK4XdMU0g0OhMV0v7VUw4C+tr+EXaA6OF+yF/fTqmWf0EPqUb8Z0kBpQpp0jtFMYLazX52uxWu/XTNfQhiHDGKdO4Im2/MF64/20x39xvKvgj+qO29hvDyzQohSmEtfX70CMMT6JI2H1dGiEe2pE3msRYoVOk1cDCCilTn5BohkSRDieEkkg3xLAiLSVUVXyZhhXpQibUTmZHCAPLFBd2wz2QQonQOWMvFTpJtAZ9ppDTDPsU8oXgVQm+cMEq03bnISG7o6mChOiVlyChU6acrobd0bTfVEmExMUlibDyCakyZXQ0UJHyhOT1M1p43QrBMpV0Nb6OBmmGLCEJ9BBpoZVEmZDXDDlCD5AmwkJfQySE7I6mYgu9QJJoCr0N0e5qwoR6Cv1CBpAi9kK3TEVCSVc6ZiFepqFdqVfIAhJESijqTLldqd3RDCVEkjiAcL/zv+cxxMGE3bd5hZu/nzZphAv9y+OFjMHi5c/aK/w1nTa/SwmJATGTUKm7l1sXV4+TUOIQwoVIeDrbu75LKGQMiOWEf9pLS+uvFylU1/1FiU+ff16i8Em/vbb5Ngah9LCUFKqf+sXB6XT3X1VK6J7HyJJD9Z91h/SWGBrPsUrVZj21Ax8az1L4ywESQ+MZChU8TwEbGtutLOsQQuYxTTvYuwEPjaetvkyNO07GfNTWD/ZOQEPjaaP7Zv8fUKsSwtjfFmrZYMApNDQe0/7nZaPtVrutJt9vi9jfh+Zg74QzNB6AX08tt3nqWuNofwHbg70T29XGBlaP3SS4T5+/qGLCsPM06rt3OpQxNL7cWDPdWq8SwnTnaQLPtUGDvROrXxMNaG+x+nVIY7JzbYnPl57me3miHxpr9eBW9fqPSni+NO05b/WMjhQWoh0an6Cc/1UZznknum7BBO7TuO9S9in8Dm6wdoSejoZz3SLJtSf1RzAzeD803n6GuyVcOIOFpa4fqgmjm+ljZ//GEgj5XWnSa8Dqq2ziLPruF2G+a8Dh1/H1GRRx4Qi5zRC+GaP9N5/Qey8GY7CPFSLNkL4XI9n9NOpe1Aq5wgpvhtL7aWLvieIN9kFCtEjjhML72pBf9kmFaJHKhKH3JrIHe5Ewxb2Jae4vVb8TLgNCCuX3l6a5R3iSaqQghIFFmuY+b+lgLxH6i1QqDLhXP91gTwgdIH9KSVASTeFj0oVODGF8ChPMmVH3adeqIYRp5syI5z2pz0mBe2GmeU+hc9fM2ZJZhYFz12LnH1aJgY4QSKFs/mHkHNKkgz0tjJ5DGjQPuL79u0ocf1XqecBRc7nrzfNd4nhWqedyx83H596kJ4h88/ELrqmAxrHzTL2mQsS6GLmiTrsuRvDaJtNsC0MejpISrm0Suj5N5ki4Pk3oGkMlhECNxgiF60SVEzKBjKWwXCG11lcBIV6jsrW+Atdryy+U1ShrSbpuM86ae6WEPTB8zb2wdRMLCbk1ylwaEkwisvZlGeEcqlH52pdB65cWESJAcQrD1qAtJAQaobaTXKBwHWH0Cm7CSL2OsGwt6G+pz11AwnqRdC1o2Xres/w53H1TXmCCJcvf9cT3OrFu1wjKB/yRfE124br6t/+a1GdotFhvHzKsqy99NsJkky++ZHk2gvT5FmkfbGGdzcjzfItX8IySy3/OzCt4VtDlP+/pFTyz6xU8d+0VPDvv8p9/GEQ8r2dY6kKYaFYqZBz5c0h5RK9xxM+SDSBixiN0fM8DRpriJT3TOYjYGmXIOeArAcSJLCMXOef5sgA1odUWbaJp7JE+5RzmHXwoUG+DsUKMaFYqZNSQINR8+T3tsyo0JZAieo22EglnK8CXEcgmIkaPEni/48sNNIhGf8M2QlDsbT6f3sekAgqIRyOK9MaN6ysCJIhJjQxfLqBFpNPYImXKG4jnJjAb0CT60tgjecobhEcnMDGQJILGDkkrb1Ce48sMnFCVihh7pCs1XwK2dX0ZKxQi2mlEjA7TCXgjx5c/gQARMCJISEq8cwn4ygAtotjIC78vI9A2OrsSjQR4BRMIEDFjGHLJ8WUH2kTIeETKlEuY5/gKAHnGE5KnXGK8gXwuETb2TNy5xHGQrxhQYNSYSBDbDegDiJQRhvre7nxDWSBs9Ow1O5Zj8IHGJEiIN4wPNkYiQd5wPpgYjoR5wwIx45W/K3F1MG9o3yHgPWMzcdw4eIfAdvDExA5YlhRuTL6XIPZTh+rh22Rokhu+PRbF0BgkLt13iAvnneKydW1cOO8UF43r46JxVlyq6y3e4i288T+ELIR1frtwoAAAAABJRU5ErkJggg==">
        	</div>
      	</div>
        <br><br><br><br>
        <div>
          
          
          
          
          
          
        </div>
        <br>
        <div class="body-bodyExamples">
          <hr>
          <br><br>
            <h3>
              We have given our services to:
            </h3>
          <br><br>
          <div>
            <div>
              <a href="#">
            	<img src="data:image/png;base64,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">
              	</a>
            	<p>Example 1</p>
            </div>
            <div>
              <a href="#">
            	<img src="data:image/png;base64,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">
              	</a>
                <p>Example 2</p>
            </div>
            <div>
              <a href="#">
            	<img src="data:image/png;base64,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">
              	</a>
                <p>Example 3</p>
            </div>
          </div>
          <br><br>
          <hr>
        </div>
        <div id="keepInformed">
          <div id="keepInformed_text">
            <h3>Keep informed</h3>
            <div></div>
            <p>Write here your email and click the button for subscribing to UDB&copy; and keep informed of new events and changes.</p>
          </div>
          <div class="input-container">
            <input type="text" id="input" required="">
            <label for="input" class="label">Email...</label>
          <div class="underline"></div>
        </div>r
        </div>
      </main>
      <hr>
      <br>
      <footer>
          <br>
          <p id="showScroll"></p>
          <p>Copyright&copy; 2014-2024. All rights reserved for UDB&copy;</p>
          <br>
      </footer>
	</body>
</html>

ul{
  list-style: none;
}

a{
  cursor: pointer;
}

a img{
  opacity: 1;
  transition: ease all .25s; 
}

a img:hover{
  opacity: .6;
}

footer{
  font-size: 13px;
}

#changeColor{
  background: rgb(15,171,242);
background: linear-gradient(0deg, rgba(15,171,242,1) 0%, rgba(15,171,242,1) 20%, rgba(255,255,255,1) 95%);
}

#profile,
#login,
#register,
#privacy,
#cookies{
  color: #56585a;
}

#logout{
  color: red;
}

#showPswrd{
  display: none;
}

#showPswrd_label{
  cursor: pointer;
}

#pswrdDiv_login{
  display: inline-block;
}

#none{
  visibility: hidden;
}

#copyright{
  position: absolute;
  margin-left: 70px;
  margin-top: -100px;
}

#keepInformed_text{
  width: 300px;
  margin-left: 100px;
}

#keepInformed_text div{
  background-color: #0fabf2;
  width: 136px;
  height: 05px;
  position: absolute;
  margin-top: -17px;
  margin-left: 30px;
}

#keepInformed_text p{
  text-align: left;
  margin-left: 30px;
}

#keepInformed_text h3{
  margin-left: 30px;
  font-family: arial;
}

.registerP{
  font-size: 13px;
}

.coolBtn{
  cursor: pointer;
  border: none;
  background-color: rebeccapurple;
  color: white;
  padding: 12px;
  border-radius: 6px;
  transition-duration: .35s;
  margin: 3px;
  font-weight: bold;
}

.coolBtn:hover{
  opacity: .75;
}

.cancel{
  cursor: pointer;
  border: none;
  background-color: #BDBDBD;
  color: black;
  padding: 10px;
  border-radius: 6px;
  transition-duration: .35s;
  margin: 5px;
}

.cancel:hover{
  opacity: .75;
}

.coolInput{
	border: none;
	border-bottom: 1px solid black;
}

.coolInput:focus{
	border: none;
	outline: none;
	border-bottom: 1px solid black;
}

.imgAlert{
  width: 30px;
  height: 30px;
  position: absolute;
  jusify-content: left;
  align-items: left;
  text-align: left;
  display: flex;
  border-radius: 6px;
}

.body-header{
  background-color: #0FABF2;
  height: 95vh;
  width: 150vh;
  border: none;
  outline: none;
  border-radius: 20px;
  margin-top: 50px;
  margin-left: 15%;
}

.body-header h2{
  color: white;
}

.body-header-div-1 img{
  position: absolute;
  margin-left: 550px;
  margin-top: -70px;
  border-radius: 12px;
  height: 300px;
  width: 300px;
}

.body-header-div-1 h2{
  display: inline-block;
  text-align: left;
  margin-left: 22%;
  margin-top: 50px;
  font-family: arial;
}

.body-header-div-1 p{
  display: block;
  text-align: left;
  margin-left: 10%;
  color: white;
  font-weight: bold;
  width: 45%;
  text-align: center;
}

.body-header-div-2 img{
  position: absolute;
  margin-left: -40px;
  margin-top: -190px;
  border-radius: 12px;
  height: 300px;
  width: 300px;
}

.body-header-div-2 h2{
  display: inline-block;
  text-align: right;
  margin-left: 58%;
  margin-top: 50px;
  font-family: arial;
}

.body-header-div-2 p{
  display: block;
  text-align: right;
  margin-left: 45%;
  color: white;
  font-weight: bold;
  width: 45%;
  text-align: center;
}

.body-bodyExamples{
  text-align: center;
  justify-content: center;
  align-items: center;
}

.body-bodyExamples h3{
  font-family: arial;
}

.body-bodyExamples div{
  display: inline-block;
  margin: 2px;
  margin-left: 75px;
  margin-right: 75px;
}

.body-bodyExamples img{
  border-radius: 10px;
  width: 70px;
  height: 70px;
}

.asideColumn{
  background-color: #0fabf2;
  margin-left: 206.5vh;
  width: 50px;
  height: 300px;
  position: absolute;
  margin-top: 100px;
  border-radius: 7px;
}

.asideColumn img{
  width: 40px;
  height: 40px;
  margin-top: 90%;
  border-radius: 9px;
  margin-left: 5px
}

  .htmlmenu-header {
    position: relative;
    font-size: 16px;
    background: rgba(255, 255, 255, 1);
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    box-sizing: border-box;
  }

  .htmlmenu-header *,
  .htmlmenu-header *:before,
  .htmlmenu-header *:after {
    box-sizing: border-box;
  }

  /* HTML MENU CONTAINER */

  .htmlmenu-container {
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
  }

  /* HTML MENU HEADER SHADOW */

  .htmlmenu-header-shadow {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 30px;
    overflow: hidden;
    z-index: 1;
  }

  .htmlmenu-header-shadow:before {
    display: block;
    position: relative;
    content: "";
    width: 100%;
    height: 60px;
    top: -60px;
    border-radius: 50%;
    box-shadow: 0px 10px 30px -5px rgba(0, 0, 0, 0.08);
  }

  /* HTML MENU LOGO */

  .htmlmenu-logo {
    padding: 0 0 0 30px;
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 70px;
  }

  .htmlmenu-logo a {
    -webkit-text-decoration: none;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-family: arial;
    color: #0FABF2;
  }

  .htmlmenu-logo a img {
    display: inline-block;
    vertical-align: middle;
  }

  /* HTML MENU TOGGLE */

  .htmlmenu-toggle {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
  }

  .htmlmenu-toggle+label {
    position: absolute;
    top: 26.25px;
    right: 30px;
    width: 20px;
    height: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer;
    -webkit-transition: -webkit-transform 200ms ease-out;
    -webkit-transition: transform 200ms ease-out;
    transition: transform 200ms ease-out;
  }

  .htmlmenu-toggle+label>span {
    display: block;
    background-color: #56585A;
    border-radius: 2px;
    width: 100%;
    height: 2px;
    -webkit-transition: all 200ms;
    transition: all 200ms;
  }

  .htmlmenu-toggle+label>span:last-child {
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
  }

  .htmlmenu-toggle:checked+label {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .htmlmenu-toggle:checked+label>span:first-child {
    width: 50%;
    -webkit-transform: rotate(-90deg) translateX(3px);
    -ms-transform: rotate(-90deg) translateX(3px);
    transform: rotate(-90deg) translateX(3px);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
  }

  .htmlmenu-toggle:checked+label>span:last-child {
    width: 50%;
    -webkit-transform: rotate(-90deg) translateX(-3px) translateY(10px);
    -ms-transform: rotate(-90deg) translateX(-3px) translateY(10px);
    transform: rotate(-90deg) translateX(-3px) translateY(10px);
  }

  .htmlmenu-toggle:checked~.htmlmenu-menu {
    padding-bottom: 20px;
  }

  .htmlmenu-toggle:checked~.htmlmenu-menu>ul {
    display: block;
  }

  .htmlmenu-toggle:checked~.htmlmenu-menu>ul>li>input:checked~a {
    color: #0fabf2;
  }

  .htmlmenu-toggle:checked~.htmlmenu-menu input:checked~ul {
    display: block;
    background-color: rgba(0, 0, 0, 0.05);
  }

  /* HTML MENU MENU */

  .htmlmenu-menu {
    line-height: 1.5;
  }

  .htmlmenu-menu ul {
    margin: 0;
    padding: 0;
    display: none;
    list-style: none;
  }

  .htmlmenu-menu li {
    position: relative;
    list-style: none;
  }

  .htmlmenu-menu li>a {
    display: block;
    font-family: sans-serif;
    color: #56585A;
    padding: 15px 30px;
    -webkit-text-decoration: none;
    text-decoration: none;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }

  .htmlmenu-menu input[type=checkbox] {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
  }

  .htmlmenu-menu input[type=checkbox]:checked~a>label {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }

  .htmlmenu-menu input[type=checkbox]:checked~a>label:before {
    opacity: 0;
  }

  .htmlmenu-menu label {
    display: block;
    position: absolute;
    cursor: pointer;
    right: 25px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 32px;
    width: 32px;
    line-height: 1.5;
    text-align: center;
    z-index: 1;
    -webkit-transition: -webkit-transform .4s;
    -webkit-transition: transform .4s;
    transition: transform .4s;
  }

  .htmlmenu-menu label:before,
  .htmlmenu-menu label:after {
    position: absolute;
    content: "";
    width: 45%;
    height: 1px;
    background-color: #56585A;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: -webkit-transform .4s, opacity .4s;
    -webkit-transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s;
    opacity: 1;
  }

  .htmlmenu-menu label:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .htmlmenu-menu>ul>li>a {
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase;
  }

  .htmlmenu-menu ul ul li>a {
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    padding: 12px 30px;
  }

  @media (min-width:1024px) {
    /* HTML MENU HEADER */
    .htmlmenu-header {
      -webkit-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
      position: fixed;
      left: 0;
      right: 0;
      width: 100%;
      height: 70px;
      top: 0;
      z-index: 99999;
    }
    .htmlmenu-header.htmlmenu-header-transparent-dark {
      background: transparent;
      position: fixed;
      left: 0;
      right: 0;
      height: 70px;
      top: 0;
    }
    .htmlmenu-header.htmlmenu-header-transparent-dark .htmlmenu-logo a {
      color: #0FABF2;
    }
    .htmlmenu-header.htmlmenu-header-transparent-dark .htmlmenu-menu>ul>li>a,
    .htmlmenu-header.htmlmenu-header-transparent-dark .htmlmenu-toggle:checked~.htmlmenu-menu>ul>li>input:checked~a {
      color: #F0F0F0;
    }
    .htmlmenu-header.htmlmenu-header-transparent-dark .htmlmenu-menu>ul>li>a>label {
      border-color: #F0F0F0;
    }
    .htmlmenu-header.htmlmenu-header-transparent-dark .htmlmenu-menu>ul>li:hover>a,
    .htmlmenu-header.htmlmenu-header-transparent-dark .htmlmenu-toggle:checked~.htmlmenu-menu>ul>li:hover>input:checked~a,
    .htmlmenu-header.htmlmenu-header-transparent-dark .htmlmenu-menu>ul>li.htmlmenu-menu-current>a,
    .htmlmenu-header.htmlmenu-header-transparent-dark .htmlmenu-toggle:checked~.htmlmenu-menu>ul>li.htmlmenu-menu-current>input:checked~a {
      color: #56585a;
    }
    .htmlmenu-header.htmlmenu-header-transparent-dark .htmlmenu-menu.htmlmenu-menu-style-2>ul>li:hover>a>label,
    .htmlmenu-header.htmlmenu-header-transparent-dark .htmlmenu-menu.htmlmenu-menu-style-2>ul>li.htmlmenu-menu-current>a>label {
      border-color: #56585A;
    }
    .htmlmenu-header.htmlmenu-header-transparent-dark+.htmlmenu-header-spacer {
      height: 0;
    }
    .htmlmenu-header.htmlmenu-header-transparent-dark>.htmlmenu-header-shadow {
      opacity: 0;
    }
    .htmlmenu-header.htmlmenu-header-transparent-dark.htmlmenu-header-scrolled {
      background: rgba(255, 255, 255, 1);
    }
    .htmlmenu-header.htmlmenu-header-transparent-dark.htmlmenu-header-scrolled .htmlmenu-logo a {
      color: #0FABF2;
    }
    .htmlmenu-header.htmlmenu-header-transparent-dark.htmlmenu-header-scrolled .htmlmenu-menu>ul>li>a,
    .htmlmenu-header.htmlmenu-header-transparent-dark.htmlmenu-header-scrolled .htmlmenu-toggle:checked~.htmlmenu-menu>ul>li>input:checked~a {
      color: #56585A;
    }
    .htmlmenu-header.htmlmenu-header-transparent-dark.htmlmenu-header-scrolled .htmlmenu-menu>ul>li>a>label {
      border-color: #56585A;
    }
    .htmlmenu-header.htmlmenu-header-transparent-dark.htmlmenu-header-scrolled .htmlmenu-menu>ul>li:hover>a,
    .htmlmenu-header.htmlmenu-header-transparent-dark.htmlmenu-header-scrolled .htmlmenu-toggle:checked~.htmlmenu-menu>ul>li:hover>input:checked~a,
    .htmlmenu-header.htmlmenu-header-transparent-dark.htmlmenu-header-scrolled .htmlmenu-menu>ul>li.htmlmenu-menu-current>a,
    .htmlmenu-header.htmlmenu-header-transparent-dark.htmlmenu-header-scrolled .htmlmenu-toggle:checked~.htmlmenu-menu>ul>li.htmlmenu-menu-current>input:checked~a {
      color: #56585a;
    }
    .htmlmenu-header.htmlmenu-header-transparent-dark.htmlmenu-header-scrolled .htmlmenu-menu.htmlmenu-menu-style-3>ul>li:hover>a>label,
    .htmlmenu-header.htmlmenu-header-transparent-dark.htmlmenu-header-scrolled .htmlmenu-menu.htmlmenu-menu-style-3>ul>li.htmlmenu-menu-current>a>label {
      border-color: #FFFFFF;
    }
    .htmlmenu-header.htmlmenu-header-transparent-dark.htmlmenu-header-scrolled>.htmlmenu-header-shadow {
      opacity: 1;
    }
    .htmlmenu-header.htmlmenu-header-transparent-light {
      background: transparent;
      position: fixed;
      left: 0;
      right: 0;
      height: 70px;
      top: 0;
    }
    .htmlmenu-header.htmlmenu-header-transparent-light .htmlmenu-logo a {
      color: #0FABF2;
    }
    .htmlmenu-header.htmlmenu-header-transparent-light .htmlmenu-menu>ul>li>a,
    .htmlmenu-header.htmlmenu-header-transparent-light .htmlmenu-toggle:checked~.htmlmenu-menu>ul>li>input:checked~a {
      color: #3A3A3A;
    }
    .htmlmenu-header.htmlmenu-header-transparent-light .htmlmenu-menu>ul>li>a>label {
      border-color: #3A3A3A;
    }
    .htmlmenu-header.htmlmenu-header-transparent-light .htmlmenu-menu.htmlmenu-menu-style-2>ul>li:hover>a>label,
    .htmlmenu-header.htmlmenu-header-transparent-light .htmlmenu-menu.htmlmenu-menu-style-2>ul>li.htmlmenu-menu-current>a>label {
      border-color: #56585A;
    }
    .htmlmenu-header.htmlmenu-header-transparent-light+.htmlmenu-header-spacer {
      height: 0;
    }
    .htmlmenu-header.htmlmenu-header-transparent-light>.htmlmenu-header-shadow {
      opacity: 0;
    }
    .htmlmenu-header.htmlmenu-header-transparent-light.htmlmenu-header-scrolled {
      background: rgba(255, 255, 255, 1);
    }
    .htmlmenu-header.htmlmenu-header-transparent-light.htmlmenu-header-scrolled .htmlmenu-logo a {
      color: #0FABF2;
    }
    .htmlmenu-header.htmlmenu-header-transparent-light.htmlmenu-header-scrolled .htmlmenu-menu>ul>li>a,
    .htmlmenu-header.htmlmenu-header-transparent-light.htmlmenu-header-scrolled .htmlmenu-toggle:checked~.htmlmenu-menu>ul>li>input:checked~a {
      color: #56585A;
    }
    .htmlmenu-header.htmlmenu-header-transparent-light.htmlmenu-header-scrolled .htmlmenu-menu>ul>li:hover>a,
    .htmlmenu-header.htmlmenu-header-transparent-light.htmlmenu-header-scrolled .htmlmenu-toggle:checked~.htmlmenu-menu>ul>li:hover>input:checked~a,
    .htmlmenu-header.htmlmenu-header-transparent-light.htmlmenu-header-scrolled .htmlmenu-menu>ul>li.htmlmenu-menu-current>a,
    .htmlmenu-header.htmlmenu-header-transparent-light.htmlmenu-header-scrolled .htmlmenu-toggle:checked~.htmlmenu-menu>ul>li.htmlmenu-menu-current>input:checked~a {
      color: #56585a;
    }
    .htmlmenu-header.htmlmenu-header-transparent-light.htmlmenu-header-scrolled .htmlmenu-menu>ul>li>a>label {
      border-color: #56585A;
    }
    .htmlmenu-header.htmlmenu-header-transparent-light.htmlmenu-header-scrolled .htmlmenu-menu.htmlmenu-menu-style-3>ul>li:hover>a>label,
    .htmlmenu-header.htmlmenu-header-transparent-light.htmlmenu-header-scrolled .htmlmenu-menu.htmlmenu-menu-style-3>ul>li.htmlmenu-menu-current>a>label {
      border-color: #FFFFFF;
    }
    .htmlmenu-header.htmlmenu-header-transparent-light.htmlmenu-header-scrolled>.htmlmenu-header-shadow {
      opacity: 1;
    }
    /* HTML MENU CONTAINER */
    .htmlmenu-container {
      height: 70px;
      padding: 0 30px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }
    /* HTML MENU HEADER SHADOW */
    .htmlmenu-header-shadow {
      z-index: -1;
    }
    /* HTML MENU LOGO */
    .htmlmenu-logo {
      position: relative;
      padding: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      line-height: 70px;
    }
    .htmlmenu-logo a {
      line-height: unset;
    }
    .htmlmenu-logo a img {
      display: block;
    }
    .htmlmenu-header-spacer {
      height: 70px;
    }
    .htmlmenu-toggle:checked~.htmlmenu-menu {
      padding-bottom: 0;
    }
    .htmlmenu-toggle:checked~.htmlmenu-menu input:checked~ul {
      background: rgba(255, 255, 255, 1);
    }
    .htmlmenu-toggle:checked~.htmlmenu-menu>ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }
    .htmlmenu-toggle:checked~.htmlmenu-menu>ul>li>input:checked~a {
      color: #56585A;
      background-color: transparent;
    }
    .htmlmenu-toggle:checked~.htmlmenu-menu>ul>li:hover>input:checked~a,
    .htmlmenu-toggle:checked~.htmlmenu-menu>ul>li.htmlmenu-menu-current>input:checked~a {
      color: #56585a;
    }
    .htmlmenu-toggle+label {
      opacity: 0;
      pointer-events: none;
    }
    /* HTML MENU MENU */
    .htmlmenu-menu {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      ;
    }
    .htmlmenu-menu ul {
      display: block;
      font-size: 0;
    }
    .htmlmenu-menu label {
      bottom: 3px;
      right: 5px;
      height: 6px;
      width: 6px;
      border-style: solid;
      border-color: #56585A;
      border-width: 0px 1px 1px 0px;
      -webkit-transform: rotate(-45deg) !important;
      -ms-transform: rotate(-45deg) !important;
      transform: rotate(-45deg) !important;
    }
    .htmlmenu-menu label:before,
    .htmlmenu-menu label:after {
      content: none;
    }
    .htmlmenu-menu>ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      ;
    }
    .htmlmenu-menu>ul>li {
      display: inline-block;
      ;
    }
    .htmlmenu-menu>ul>li>a {
      position: relative;
      height: 70px;
      line-height: 70px;
      white-space: nowrap;
      padding: 0 20px;
    }
    .htmlmenu-menu>ul>li:last-child>a {
      padding: 0 0 0 20px;
    }
    .htmlmenu-menu>ul>li>a>label {
      position: relative;
      display: inline-block;
      margin-left: 15px;
      right: inherit;
      bottom: inherit;
      vertical-align: middle;
      top: -2px;
      -webkit-transform: rotate(45deg) !important;
      -ms-transform: rotate(45deg) !important;
      transform: rotate(45deg) !important;
      border-color: #56585A;
    }
    .htmlmenu-menu li>ul {
      border-top-width: 3px;
      border-top-style: solid;
      border-top-color: #0fabf2;
      display: block;
      position: absolute;
      width: 230px;
      background: rgba(255, 255, 255, 1);
      padding: 12px 0;
      box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.1);
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      z-index: 1;
      will-change: transform, opacity;
      pointer-events: none;
      visibility: hidden;
      opacity: 0;
      top: 100%;
      left: 0;
    }
    .htmlmenu-menu li:hover>ul {
      opacity: 1;
      pointer-events: auto;
      visibility: visible;
    }
    .htmlmenu-menu li>ul ul {
      left: 100%;
      top: -15px;
    }
    .htmlmenu-menu li>ul label {
      position: absolute;
      right: 20px;
    }
    .htmlmenu-menu li.htmlmenu-submenu-right>ul {
      left: inherit;
      right: 0;
    }
    .htmlmenu-menu li.htmlmenu-submenu-right>ul ul {
      left: -100%;
      right: 0;
    }
    .htmlmenu-menu ul ul li>a {
      padding: 10px 20px;
      font-size: 14px;
      color: #56585A;
    }
    .htmlmenu-menu.htmlmenu-submenu-bordered ul ul li:after {
      position: absolute;
      content: "";
      bottom: 0;
      left: 20px;
      right: 20px;
      height: 1px;
      background: #f6f6f6;
    }
    .htmlmenu-menu.htmlmenu-submenu-bordered ul ul li:last-child:after {
      display: none;
    }
    .htmlmenu-menu.htmlmenu-menu-style-1>ul>li>a:before {
      position: absolute;
      content: "";
      top: 50%;
      right: 0;
      width: 1px;
      height: 20px;
      background: rgba(86, 88, 90, 0.15);
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
    }
    .htmlmenu-menu.htmlmenu-menu-style-1>ul>li:last-child>a:before {
      display: none;
    }
    .htmlmenu-menu.htmlmenu-menu-style-2>ul>li>a:after {
      position: absolute;
      content: '';
      left: 0;
      bottom: -3px;
      width: 100%;
      height: 3px;
      background: #0fabf2;
      opacity: 0;
      z-index: 0;
      -webkit-transition: opacity 0.4s ease-in-out;
      transition: opacity 0.4s ease-in-out;
    }
    .htmlmenu-menu.htmlmenu-menu-style-2>ul>li:last-child>a {
      padding: 0 20px;
    }
    .htmlmenu-menu.htmlmenu-menu-style-2>ul>li:hover>a:after,
    .htmlmenu-menu.htmlmenu-menu-style-2>ul>li.htmlmenu-menu-current>a:after {
      opacity: 1;
    }
    .htmlmenu-menu.htmlmenu-menu-style-3>ul>li:last-child>a {
      padding: 0 20px;
    }
  
    .htmlmenu-menu.htmlmenu-submenu-scale li>ul {
      -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
      transform: scale(0.5);
      -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
      transform-origin: 0 0;
    }
    .htmlmenu-menu.htmlmenu-submenu-scale li.htmlmenu-submenu-right>ul,
    .htmlmenu-menu.htmlmenu-submenu-scale li.htmlmenu-submenu-right>ul ul {
      -webkit-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
      transform-origin: 100% 0;
    }
    .htmlmenu-menu.htmlmenu-submenu-scale li:hover>ul {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }
    .htmlmenu-menu.htmlmenu-submenu-swing-out li {
      -webkit-perspective: 1000px;
      -moz-perspective: 1000px;
      -ms-perspective: 1000px;
      perspective: 1000px;
    }
    .htmlmenu-menu.htmlmenu-submenu-swing-out li>ul {
      -webkit-transform: rotateX(-45deg);
      -ms-transform: rotateX(-45deg);
      transform: rotateX(-45deg);
      -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
      transform-origin: 0 0;
    }
    .htmlmenu-menu.htmlmenu-submenu-swing-out li>ul ul {
      -webkit-transform: rotateY(45deg);
      -ms-transform: rotateY(45deg);
      transform: rotateY(45deg);
      -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
      transform-origin: 0 0;
    }
    .htmlmenu-menu.htmlmenu-submenu-swing-out li.htmlmenu-submenu-right>ul {
      -webkit-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
      transform-origin: 100% 0;
    }
    .htmlmenu-menu.htmlmenu-submenu-swing-out li.htmlmenu-submenu-right>ul ul {
      -webkit-transform: rotateY(-45deg);
      -ms-transform: rotateY(-45deg);
      transform: rotateY(-45deg);
      -webkit-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
      transform-origin: 100% 0;
    }
    .htmlmenu-menu.htmlmenu-submenu-swing-out li:hover>ul {
      -webkit-transform: rotate(0deg) !important;
      -ms-transform: rotate(0deg) !important;
      transform: rotate(0deg) !important;
    }
    .htmlmenu-menu.htmlmenu-submenu-slide-up li>ul {
      -webkit-transform: translateY(15px);
      -ms-transform: translateY(15px);
      transform: translateY(15px);
    }
    .htmlmenu-menu.htmlmenu-submenu-slide-up li:hover>ul {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
    .htmlmenu-menu.htmlmenu-submenu-slide-down li>ul {
      -webkit-transform: translateY(-15px);
      -ms-transform: translateY(-15px);
      transform: translateY(-15px);
    }
    .htmlmenu-menu.htmlmenu-submenu-slide-down li:hover>ul {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
  }
.container {
  cursor: pointer;
}

.container input {
  display: none;
}

.container svg {
  overflow: visible;
  width: 15px;
  margin-bottom: -12px;
  margin-right: 7px;
}

.path {
  fill: none;
  stroke: #0fabf2;
  stroke-width: 6;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke-dasharray 0.5s ease, stroke-dashoffset 0.5s ease;
  stroke-dasharray: 241 9999999;
  stroke-dashoffset: 0;
}

.container input:checked ~ svg .path {
  stroke-dasharray: 70.5096664428711 9999999;
  stroke-dashoffset: -262.2723388671875;
}

.input-container {
  position: absolute;
  margin-top: -70px;
  margin-left: 500px;
  width: 200px;
}

.input-container input[type="text"] {
  font-size: 20px;
  width: 100%;
  border: none;
  border-bottom: 2px solid #ccc;
  padding: 5px 0;
  background-color: transparent;
  outline: none;
}

.input-container .label {
  position: absolute;
  top: 0;
  left: 0;
  color: #ccc;
  transition: all 0.3s ease;
  pointer-events: none;
}

.input-container input[type="text"]:focus ~ .label,
.input-container input[type="text"]:valid ~ .label {
  top: -20px;
  font-size: 16px;
  color: #333;
}

.input-container .underline {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 100%;
  background-color: #333;
  transform: scaleX(0);
  transition: all 0.3s ease;
}

.input-container input[type="text"]:focus ~ .underline,
.input-container input[type="text"]:valid ~ .underline {
  transform: scaleX(1);
}

(function() {
    var node = document.querySelector(".htmlmenu-header");
    var stop = node.offsetTop;
    var window_last_position = 0;
    var scroll = window.requestAnimationFrame ||
      window.webkitRequestAnimationFrame ||
      window.mozRequestAnimationFrame ||
      window.msRequestAnimationFrame ||
      window.oRequestAnimationFrame ||
      // IE Fallback, you can even fallback to onscroll
      function(callback) {
        window.setTimeout(callback, 1000 / 60);
      };

    var loop = function() {
      // avoid calculations if not needed
      if (window_last_position === window.pageYOffset) {
        scroll(loop);
        return false;
      } else window_last_position = window.pageYOffset;

      //... calculations
      if (window_last_position > stop) {
        // stick the div
        if (node.className.indexOf(" htmlmenu-header-scrolled") === -1) {
          node.className = node.className + ' htmlmenu-header-scrolled';
        }
      } else {
        // release the div
        node.className = node.className.indexOf(' htmlmenu-header-scrolled') >= 0 ? node.className.replace(' htmlmenu-header-scrolled', '') : node.className;
      }

      scroll(loop);
    };

    // call the loop for the first time
    loop();
  })();



function login(){
	swal.fire({
		title: 'Login',
		showConfirmButton: false,
		showCancelButton: false,
		showCloseButton: true,
		allowOutsideClick: true,
        allowEnterKey: true,
      	allowEscapeKey: true,
		backdrop: true,
     	html: '<div id="userDiv_login"><label for="username"><i class="fa-regular fa-user"></i> </label><input type="text" name="username" id="username" class="coolInput" placeholder="Username"></div><br><div id="pswrdDiv_login"><label for="password"><i class="fa-solid fa-lock"></i> </label><input type="password" name="password" id="password" class="coolInput" placeholder="Password"></div><br><p class="registerP">You dont have an account? <a onclick="register()" href="#">Register</a></p><div><button class="coolBtn" onclick="loginSubmit()">Login</button><button class="cancel" onclick="cancel()">Cancel</button></div>'
	});
}

function loginSubmit(){
  swal.close();
}

function cancel(){
  swal.close();
}

function register(){
  swal.fire({
    	title: 'Register',
		showConfirmButton: false,
		showCancelButton: false,
		showCloseButton: true,
		allowOutsideClick: true,
        allowEnterKey: false,
        allowEscapeKey: false,
		backdrop: true,
    	html: '<div><label for="regUsername"><i class="fa-regular fa-user"></i> </label><input type="text" name="username" id="regUsername" class="coolInput" placeholder="Username..."></div><br><div><label for="regEmail">@ </label><input type="email" name="email" id="regEmail" class="coolInput" placeholder="Email..."></div><br><div><label for="regPassword"><i class="fa-solid fa-lock"></i> </label><input type="password" name="password" id="regPassword" class="coolInput" placeholder="Password..."></div><br><p class="registerP">You already have an account? <a href="#" onclick="login()">Login</a></p><div><button class="coolBtn" onclick="regisSubmit()">Register</button><button class="cancel" onclick="cancel()">Cancel</button></div>'
  });
}

function ourGmail(){
  swal.fire({
    title: 'Contact Gmail',
    html: '<p>Write here your email adress and we will contact you.</p><br><br><label for="gmail-section_input">@: </label><input type="email" id="gmail-section_input" class="coolInput" placeholder="Your email adress..."><div><br></div><div><label class="container"><input type="checkbox" id="okSend-email"><svg viewBox="0 0 64 64" height="2em" width="2em"><path d="M 0 16 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 16 L 32 48 L 64 16 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 16" pathLength="575.0541381835938" class="path"></path></svg></label><label for="okSend-email" id="okSend-email_label" class="registerP">I have read and I accept the <a href="#" onclick="privacy()">Privacy Terms</a></label></div><br><div><button class="coolBtn" id="sendEmailBtn" onclick="sendEmail()">Send</button><button class="cancel" onclick="cancel()">Cancel</button></div>',
    showConfirmButton: false,
    showCloseButton: true,
    showCancelButton: false,
  });
  let input = document.getElementById("okSend-email");
  let button = document.getElementById("sendEmailBtn");
  input.addEventListener("change", (event) => {
    let check = event.target.checked;
    if(check == true){
    	button.style.opacity = "1";
    	button.style.cursor = "pointer";
    }else{
        button.style.opacity = ".25";
        button.style.cursor = "not-allowed";
    }
  });
}

function privacy(){
  swal.fire({
    title: 'Privacy Terms',
    html: "<p class='privacyP'>We use UDB&copy; to better understand our users' needs and optimize this service and experience. UDB&copy; is a technology service that helps us better understand our users' experience (for example: how much time they spend, on which pages, what links they choose to click, what users like and dislike, etc.) and This allows us to build and maintain our service with user feedback. UDB&copy; uses cookies and other technologies to collect data about the behavior of our users and their devices. This includes the device's IP address (processed during your session and stored in a de-identified form), device screen size, device type (unique device identifiers), browser information, geographic location (country only), and the preferred language used to display our website. UDB&copy; stores this information on our behalf in a pseudonymized user profile.The recopiled data like: name, surname, username, password, email adress, user country, user language, etc. will be given only to third parties and only when is needed. The information given on this website will be analyzed in an unpersonal way for stadistic, monetary, marketing and informatory tasks.</p>"
  });
}

function cookiesAlert(){
  swal.fire({
    html: '<div><p>Do you accept our Cookies? If you have any Doubt, you can read then therms on <a onclick="cookiesConfig" href="#">Cookies Configuration</a></p></div><div><button class="coolBtn">Accept</button><button class="cancel" onclick="cancel()">Decline</button></div>',
    toast: true,
    position: "bottom-start",
    showCancelButton: false,
    showConfirmButton: false,
    showCloseButton: true,
    width: 400
  });
}


window.addEventListener('scroll', function() {
  document.getElementById('showScroll').innerHTML = window.pageYOffset + 'px';
});

References

Users

Explore

share Share

Codewith.it

cookie Policy

collections Upload images

Converted images

save Save File

sticky_note_2 Notes

keyboard Command list

account_circle Log in to Codewith.it