about-us.html

<!doctype HTML>

<html>
<head>

 
 	<meta http-equiv="Content-Type" content="text/html"; charset=UTF-8">
    <title>Svarog Studios</title>
	
	<!-- Latest compiled and minified CSS -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

	<!-- jQuery library -->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
	
	<script src="https://code.jquery.com/jquery-1.10.2.js"></script>

	<!-- Latest compiled JavaScript -->
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	
	<meta name="viewport" content="width=device-width, initial-scale=1">
	
	<link rel="stylesheet" type="text/css" href="css\style.css">
	
	<script src="js\script.js"></script>

	<link rel="icon" href="svarog-logo.png">




</head>


<body>

<!-- NAVBAR -->
<div class = "container-fluid">
	
	
		<nav class = "navbar navbar-expand-lg navbar-dark bg-dark">
		
		
		
			<div class = "container">
				<div class = "navbar-header">
				
					<button type = "button" class = "navbar-toggle" data-toggle = "collapse" data-target = "#myNavbar">
					<span class = "icon-bar"></span>
					<span class = "icon-bar"></span>
					<span class = "icon-bar"></span>
					
					</button>
					
				</div>
				
				<a class = "navbar-brand" href = "index.html">
				<img src="svarog-logo.png" class = "nav-logo">
				</a>
				
				<div class = "collapse navbar-collapse" id = "myNavbar">
					<ul class = "nav navbar-nav">
						<li id = "li"><a class = "" href="index.html">HOME</a></li>
						<li id = "li"><a class = "active" href="about-us.html">ABOUT US</a></li>
						<li id = "li" class = "dropdown">
							<a class = "nav-link dropdown-toggle" href="index.html" id = "ourGamesDropdownLink" data-toggle = "dropdown">OUR GAMES</a>
							<div class = "dropdown-menu" aria-labelledby="ourGamesDropdownLink">
								 <p class="dropdown-item">
									 <a href="feminazi.html">
										<button class = "navbar-game-button"><img src = "feminazi-image.png" class = "navbar-icon">Feminazi: The Triggering</button>
									 </a>
								 </p>
								  <p class="dropdown-item">
									 <a href="pcm.html">
										<button class = "navbar-game-button"><img src = "pcm\pcm-icon.png" class = "navbar-icon">Prison Chainball Massacre</button>
									 </a>
								 </p>
								  <p class="dropdown-item">
									 <a href="freebie.html">
										<button class = "navbar-game-button"><img src = "freebie\freebie-icon.png" class = "navbar-icon">Freebie</button>
									 </a>
								 </p>
								  <p class="dropdown-item">
									 <a href="germ-wars.html">
										<button class = "navbar-game-button"><img src = "germs\germs-icon.png" class = "navbar-icon">Germ Wars</button>
									 </a>
								 </p>
							</div>
						</li>
						<li id = "li"><a href="contact.html">CONTACT</a></li>
						<li id = "li" class = "dropdown">
							<a class = "nav-link dropdown-toggle" href="index.html" id = "ourGamesDropdownLink" data-toggle = "dropdown">FUN STUFF</a>
							<div class = "dropdown-menu" aria-labelledby="ourGamesDropdownLink"  style = "font-size: 14pt; line-height: 60px;">
								 <p class="dropdown-item">
									 <a href="insult-generator.html">
										<button class = "navbar-game-button" style = "padding-left: 10px;">SJW Insult Generator</button>
									 </a>
								 </p>
								 
								 
							</div>
						</li>
						
						
					</ul>
					
					<a href="https://discordapp.com/invite/7YrZkEZ" class="fa fa-discord pull-right" target = "_blank"></a>
					<a href="https://www.instagram.com/svarogstudios" class="fa fa-instagram pull-right" target = "_blank"></a>
					<a href="https://twitter.com/SvarogStudios" class="fa fa-twitter pull-right" target = "_blank"></a>
					<a href="https://www.facebook.com/svarogstudios" class="fa fa-facebook pull-right" target = "_blank"></a>
					
					
				</div>
				
			</div>
			
			
			
			
		</nav>


	
	
</div>
<!-- NAVBAR CLOSE -->

<div class = "container" style = "margin-top: 50px; margin-bottom: 50px; font-size: 16pt;">
	<p class = "text-center">Svarog Studios is a bunch of guys with a passion for video games who like to develop them in free time.</p>
	
	<p style = "margin-top: 50px;">Here are some of our favorite games that made us want to take up game development:</p>
	<ul>
	<li>Warcraft III: The Frozen Throne</li>
	<li>Diablo II</li>
	<li>Heroes Of Might And Magic III</li>
	<li>Mount And Blade: Warband</li>
	<li>Starcraft</li>
	<li>Civilization series</li>
	<li>Dark Souls</li>
	<li>Factorio</li>
	<li>Total War series</li>
	</ul>
	
	<p class = "text-center"><img src = "images\gamescon1.jpg" style = "width: 60%; border: 4px solid black; border-radius: 8px;">

</div>



<!-- FOOTER -->
<div class = "container-fluid footer">
	
	<div class = "container">
	
	
		<div class = "row text-center">
			
			<p style = "margin-top: 20px;">Stalk us!</p>
			
			<a href = "https://www.facebook.com/svarogstudios" target = "_blank"><img class = "fa" src = "facebook.png"></a>
			<a href = "https://twitter.com/SvarogStudios" target = "_blank"><img class = "fa" src = "twitter.png"></a>
			<a href = "https://www.instagram.com/svarogstudios" target = "_blank"><img class = "fa" src = "instagram.png"></a>
			<a href = "https://discordapp.com/invite/7YrZkEZ" target = "_blank"><img class = "fa" src = "discord.png"></a>
		</div>
		
		<div class = "row text-center" style = "margin-top: 24px; margin-bottom: 0; font-size: 11px;">
			2019 - Svarog Studios
		</div>
	
	</div>
	
	
</div>
<!-- FOOTER END -->
	
</body>


</html>