rocket-3d/templates/assets/components/join-content.html

<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>