blog.html

<!DOCTYPE html>
<html lang="en" dir="ltr">
	<head>
		<!-- Global site tag (gtag.js) - Google Analytics -->
		<script async src="https://www.googletagmanager.com/gtag/js?id=UA-167540840-1"></script>
		<script>
			window.dataLayer = window.dataLayer || [];
			function gtag(){dataLayer.push(arguments);}
			gtag('js', new Date());

			gtag('config', 'UA-167540840-1');
		</script>

		<meta charset="utf-8">
		<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=320, height=device-height" />

		<link rel="stylesheet" href="css/base.css">
		<link rel="stylesheet" href="css/blog.css">
		<script src="https://code.jquery.com/jquery-3.5.1.js" integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous"></script>
		<script type="text/javascript" src="js/base.js"></script>
		<script type="text/javascript" src="js/blog_form.js"></script>


		<link href="https://fonts.googleapis.com/css?family=Baloo+Chettan+2|Montserrat&display=swap" rel="stylesheet">
		<link href="https://fonts.googleapis.com/css?family=Comfortaa&display=swap" rel="stylesheet">
		<link href="https://fonts.googleapis.com/css?family=Raleway&display=swap" rel="stylesheet">
		<link href="https://fonts.googleapis.com/css?family=Muli&display=swap" rel="stylesheet">

		<script src="https://kit.fontawesome.com/8257830a22.js" crossorigin="anonymous"></script>
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css">

		<title>The Robocon Blog</title>
	</head>
	<body>
		<div class="header">
			<a href="https://bitsrobocon.github.io/index">
				<div class="logo">

				</div>
			</a>
			<div class="headerlinks">
				<div class="link">
					<a href="https://bitsrobocon.github.io/#contact">Contact Us</a>
				</div>
				<div class="link">
					<a href="https://bitsrobocon.github.io/#support">Support</a>
				</div>
				<div class="link">
					<a href="https://bitsrobocon.github.io/projects">Projects</a>
				</div>
				<div class="link">
					<a href="https://bitsrobocon.github.io/team">Team</a>
				</div>
				<div class="link">
					<a href="https://bitsrobocon.github.io/">Home</a>
				</div>
			</div>
		</div>

		<div class="loader">
			<div class="drone"></div>
			<div class="block"></div>
			<div class="title">Imagine. Innovate. Inspire.</div>
		</div>

		<div class="top_section">
			<div class="background" style="background-image: url('content/BlogImages/MainImage.jpg')">

			</div>
			<div class="title">
				The Robocon Blog
			</div>
		</div>

		<div class="blogs">
			<a href="https://bitsrobocon.github.io/BlogArticles/Arduino-TheJourneyBegins">
				<div class="blog">
					<div class="overlay">

					</div>
					<div class="image" style="background-image: url('content/BlogImages/Arduino-TheJourneyBegins/ImageMain.jpg')">

					</div>
					<div class="title">
						Arduino - The Journey Begins
					</div>
					<div class="author">
						By Hardik Jain
					</div>
				</div>
			</a>
			<a href="https://bitsrobocon.github.io/BlogArticles/Microcontrollers-TheNextStep">
				<div class="blog alt">
					<div class="overlay">

					</div>
					<div class="image" style="background-image: url('content/BlogImages/Microcontrollers/ImageMain.jpg')">

					</div>
					<div class="title">
						Microcontrollers - The Next Step
					</div>
					<div class="author">
						By Anirudh Singh
					</div>
				</div>
			</a>
			<a href="https://bitsrobocon.github.io/BlogArticles/SensorsandMotors-TheJourneyContinues">
				<div class="blog">
					<div class="overlay">

					</div>
					<div class="image" style="background-image: url('content/BlogImages/SensorsandMotors/ImageMain.jpg')">

					</div>
					<div class="title">
						Sensors and Motors - The Journey continues
					</div>
					<div class="author">
						By Ekansh Gupta
					</div>
				</div>
			</a>
			<a href="https://bitsrobocon.github.io/BlogArticles/ADeepDiveIntoMotors-LetsStartTheWheels">
				<div class="blog alt">
					<div class="overlay">

					</div>
					<div class="image" style="background-image: url('content/BlogImages/MotorsDeepDive/main.jpg')">

					</div>
					<div class="title">
						A Deeper Dive into Motors
					</div>
					<div class="author">
						By Nidheesh Jain
					</div>
				</div>
			</a>
			<a href="https://bitsrobocon.github.io/BlogArticles/PID-TowardsABetterPath">
				<div class="blog">
					<div class="overlay">

					</div>
					<div class="image" style="background-image: url('content/BlogImages/PID-TowardsABetterPath/ImageMain.jpg')">

					</div>
					<div class="title">
						PID - Towards a better path
					</div>
					<div class="author">
						By Nikitha Kannan
					</div>
				</div>
			</a>
			<a href="https://bitsrobocon.github.io/BlogArticles/MotionPlanning-MakingOurOwnPath">
				<div class="blog alt">
					<div class="overlay">

					</div>
					<div class="image" style="background-image: url('content/BlogImages/MotionPlanning-MakingOurOwnPath/ImageMain.jpg')">

					</div>
					<div class="title">
						Motion Planning - Making our own path
					</div>
					<div class="author">
						By Ashutosh Sharma
					</div>
				</div>
			</a>
			<a href="https://bitsrobocon.github.io/BlogArticles/IntroducingROS-LinuxofRobotics">
				<div class="blog">
					<div class="overlay">

					</div>
					<div class="image" style="background-image: url('content/BlogImages/Introducing_ROS-The_Linux_of_Robotics/image1.jpeg')">

					</div>
					<div class="title">
						Introducing ROS - Linux of Robotics
					</div>
					<div class="author">
						By Hardik Jain
					</div>
				</div>
			</a>
			<a href="https://bitsrobocon.github.io/BlogArticles/Quadruped-ANatureInspiredChallenge">
				<div class="blog alt">
					<div class="overlay">

					</div>
					<div class="image" style="background-image: url('content/BlogImages/Quadruped-ANatureInspiredChallenge/image1.jpeg')">

					</div>
					<div class="title">
						Quadruped - A nature-inspired challenge
					</div>
					<div class="author">
						By Samyak Sahu
					</div>
				</div>
			</a>
			<a href="https://bitsrobocon.github.io/BlogArticles/IntroductionToCADModelling">
				<div class="blog">
					<div class="overlay">
			
					</div>
					<div class="image"
						style="background-image: url('content/BlogImages/Sachin_Blog/Showroom-DogBot.jpg')">
			
					</div>
					<div class="title">
						Introduction to CAD Modeling
					</div>
					<div class="author">
						By Sachin Thakur
					</div>
				</div>
			</a>
			<a href="https://bitsrobocon.github.io/BlogArticles/BasicElectronics-AGuideToNotGetShocked">
				<div class="blog alt">
					<div class="overlay">
			
					</div>
					<div class="image"
						style="background-image: url('content/BlogImages/BasicElectronics-AGuideToNotGetShocked/Electronics.jpg')">
			
					</div>
					<div class="title">
						Basic Electronics - A guide to not get shocked
					</div>
					<div class="author">
						<!-- By (PLZ Decide) -->
					</div>
				</div>
			</a>
			<div class="blogfooter">
				<form action="https://usebasin.com/f/f33bcec6f0d2" method="post" id="subscribeform">
					<input type="email" name="Email" placeholder="Enter Your Email">
				</form>

				<a id="subscribebutton">Click here</a><br> to receive emails about new posts
			</div>
		</div>

		<div class="footer">
			<div class="footerlinks">
				<a href="https://github.com/bitsrobocon" target="_blank"><i class="fab fa-github"></i></a>
				<a href="https://www.instagram.com/bitsrobocon/" target="_blank"><i class="fab fa-instagram"></i></a>
				<a href="https://www.linkedin.com/company/bitsrobocon/" target="_blank"><i class="fab fa-linkedin"></i></a>
				<a href="https://www.facebook.com/bitspilanirobocon" target="_blank"><i class="fab fa-facebook"></i></a>
				<a href="https://www.youtube.com/channel/UC-Ews2i7MBHdyIepKP6vqdA" target="_blank"><i class="fab fa-youtube"></i></a>
			</div>
			<div class="copyrighttext">
				&copy; 2020 Team Robocon, BITS Pilani.
			</div>
		</div>
	</body>
</html>