You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
68 lines
2.1 KiB
68 lines
2.1 KiB
<div class="page-wrapper">
|
|
<div class="info">
|
|
<h1>Meet Us</h1>
|
|
<p>Do you have questions, comments, thoughts about us and our experiments ?<br><br>
|
|
<span>Drop us a line or two, we love to hear from you !</span></p>
|
|
<img type=" image/webp" src="../img/cheers.svg"/>
|
|
</div>
|
|
<div class="contact-container">
|
|
<div class="form">
|
|
<div class="contact-info">
|
|
<div class="adress-info">
|
|
<h3>Write Us</h3>
|
|
<h5>Adress</h5>
|
|
<p>Cannabinieri Office <br>
|
|
Some Adress <br><br>
|
|
<h5>Mail</h5>
|
|
<p>
|
|
cannabinieri@info.de
|
|
</p>
|
|
</div>
|
|
<div class="phone-info">
|
|
<h3>Call Us</h3>
|
|
<p>Some Number<br>
|
|
</p>
|
|
</div>
|
|
<div class="social-info">
|
|
<h3>Follow Us</h3>
|
|
<figure>
|
|
<h5 id="pixelfed">Pixelfed</h5>
|
|
<a id="pixelfed-adress" href="#">Cannabinieri_Official</a>
|
|
<h5 id="peertube">Youtube</h5>
|
|
<a id ="peertube-adress"href="#">Cannabinieri_Channel</a>
|
|
</p>
|
|
</figure>
|
|
</div>
|
|
</div>
|
|
<div class="contact-form">
|
|
<form>
|
|
<h3 class="title">Meet Us</h3>
|
|
<div class="input-container">
|
|
<input type="text" name="name" class="input" placeholder="Name" id="username"/>
|
|
</div>
|
|
<div class="input-container">
|
|
<input type="email" name="email" class="input" placeholder="EMail"required id="mail"/>
|
|
</div>
|
|
<div class="input-container">
|
|
<input type="tel" name="phone" class="input" placeholder="Phone Number(optional)" id="phone"/>
|
|
</div>
|
|
<div class="input-container">
|
|
<input type="subject" name="subject" class="input" placeholder="Subject" id="subject" />
|
|
</div>
|
|
<div class="input-container textarea">
|
|
<textarea name="message" class="input" placeholder="Message" id="message" ></textarea>
|
|
</div>
|
|
<button class="btn" id="sub_btn">Submit</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--Handle Form Data with Rocket !
|
|
<script defer src="../js/form.js"></script>
|
|
<script defer type="text/javascript" src= "../js/axios.min.js"></script>
|
|
-->
|
|
|
|
|