<body>
	<section id="section-7"	class="section-7">
		<div class="Title">
			<div id="addon1">
				<img src="/icons/cleanstarlight.svg" alt="circle" class="light" />
				<img src="/icons/cleanstar.svg" alt="circledark" class="dark" />
			</div>
			<div class="title1">
				<h1>Projects</h1>
			</div>
			<div id="addon2">
				<img src="/icons/cleanstarlight.svg" alt="circle" class="light1" />
				<img src="/icons/cleanstar.svg" alt="circledark" class="dark1"/>
			</div>
		</div>
		
		<div class="card-container">
		<a class="Old-Portfolio-link"  href="https://logolicusz.github.io/Website_Brutalism/">
			<div class="card">
				<div class="tools">
				<div class="circle">
					<span class="red box"></span>
				</div>
				<div class="circle">
					<span class="yellow box"></span>
				</div>
				<div class="circle">
					<span class="green box"></span>
				</div>
				</div>
				<div class="card_content">
					<img src="/assets/ScreenOld.png" class="image" />
				</div>
			</div>
		</a>
		<a class="Explore-link"  href="https://explorecraft.net">
			<div class="card">
				<div class="tools">
				<div class="circle">
					<span class="red box"></span>
				</div>
				<div class="circle">
					<span class="yellow box"></span>
				</div>
				<div class="circle">
					<span class="green box"></span>
				</div>
				</div>
				<div class="card_content">
					<img src="/assets/ScreenExplore.png" class="image" />
				</div>
			</div>
		</a>
		</div>
</body>


<style lang="scss">
	@import '../app.scss';
	@import '../styles/projects.scss';
	@import '../styles/Mobile/projects-mobile.scss';
</style>