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

<div class="page-wrapper">
	<div class="info">
		<h1>Code</h1>
			<p>Get the code.<br><br>
		<div class="image">
			<img type="image/svg+xml" src="../img/gitea-green.svg" />
		</div>
		</div>
	<div class="code-container">
		<div class="strip">
			<h3>All code</h3>
			<div class="grid">
			<figure>
			<div class="theme" id="post1">
			<div class="image">
				<picture>
					<source type="image/webp">
					<img id="closeup" src="../img/sample-code1.jpg"/>
				</picture>
			</div>
			<h5>Detect obstacles</h5>
			<h6>Python</h6>
			<div class="description">
				<p>Obstacle Detection Program for SpiderPi<br></p>
			</div>
			<div class="click">
			<button class="read">
				<a href="#">GET</a>
			</button>
		</div>
		</div>
		<div class="theme" id="post2">
			<div class="image">
				<picture>
					<source type="image/webp">
					<img id="closeup" src="../img/sample-virtual.jpg"/>
				</picture>
			</div>
			<h5>See in 3D</h5>
			<h6>Python</h6>
			<div class="description">
				<p>3D Rendering Program for SpiderPI<br></p>
			</div>
			<div class="click">
			<button class="read">
				<a href="#">GET</a>
			</button>
		</div>
		</div>
		<div class="theme" id="post3">
			<div class="image">
				<picture>
					<source type="image/webp">
					<img id="closeup" src="../img/sample-waterflow.jpg"/>
				</picture>
			</div>
			<h5 id= "downsize">Waterflow Regulation</h5>
			<h6>Python</h6>
			<div class="description">
				<p>Program to manipulate the waterflow for Raspberry Pi</p>
			</div>
			<div class="click">
			<button class="read">
				<a href="#">GET</a>
			</button>
		</div>
		</div>
	</figure>
	</div>
</div>
</div>
</div>