Section tag in HTML

Site blocks can be combined into sections using the section tag:

<section>
	<h2></h2>
	<p>
		
	</p>
	<p>
		
	</p>
</section>
<section>
	<h2></h2>
	<p>
		
	</p>
	<p>
		
	</p>
</section>

The following code is given:

<div id="content">
	<h1></h1>
	
	<div class="section">
		<h2></h2>
		<p>
			
		</p>
		<p>
			
		</p>
	</div>
	<div class="section">
		<h2></h2>
		<p>
			
		</p>
		<p>
			
		</p>
	</div>
</div>

Transform this code using the new tags you learned.

The following code is given:

<div id="wrapper">
	<div id="header">
		<div id="logo">
			<img src="" alt="logo">
		</div>
		<div id="menu">
			<a href="#"></a>
			<a href="#"></a>
			<a href="#"></a>
		</div>
	</div>
	<div id="container">
		<div id="left">
			<div class="section">
				section
			</div>
			<div class="section">
				section
			</div>
			<div class="section">
				section
			</div>
		</div>
		<div id="content">
			<h1>main header</h1>

			<div class="section">
				<h2>section header</h2>
				<div>
					<p>
						
					</p>
					<p>
						
					</p>
				</div>
				<div>
					<p>
						
					</p>
					<p>
						
					</p>
				</div>
			</div>
			<div class="section">
				<h2>section header</h2>
				<div>
					<p>
						
					</p>
					<p>
						
					</p>
				</div>
				<div>
					<p>
						
					</p>
					<p>
						
					</p>
				</div>
			</div>
		</div>
		<div id="right">
			<div class="section">
				section
			</div>
			<div class="section">
				section
			</div>
			<div class="section">
				section
			</div>
		</div>
	</div>
	<div id="footer">
		footer
	</div>
</div>

Transform this code using the new tags you learned.