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.
80 lines
2.4 KiB
80 lines
2.4 KiB
<div class="page-wrapper">
|
|
<div class="info">
|
|
<h1>Join</h1>
|
|
<p>Join our project .<br><br>
|
|
<span>Let's get in touch!</span></p>
|
|
<div class="image">
|
|
<img type=" image/webp" src="../img/sample-coding-together.jpg">
|
|
</div>
|
|
</div>
|
|
<div class="join-container">
|
|
<div class="strip">
|
|
<div class="about">
|
|
<h3>Want to join us ?</h3>
|
|
<p>Feel free to get in touch, we are looking forward to meet you and your ideas.<br>
|
|
SpiderPi still is in his starting shoes and we can use your help to get him up and running.<br><br>
|
|
Are you willing to contribute, learn and create the future of gardening for everyone ?<br><br>
|
|
<span>We love to hear from you!</span><br>
|
|
#a dummy text</p>
|
|
<div class="image">
|
|
<img type=" image/webp" src="../img/sample-spiderwoman.png">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="strip2">
|
|
<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>
|
|
</figure>
|
|
</div>
|
|
</div>
|
|
<div class="contact-form">
|
|
<form>
|
|
<h3 class="title"> Get in touch</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>
|
|
</div>
|
|
</div>
|