笔记

黄墨一

围观其实也是一种态度，你觉得呢？

了解我

<div class="content"><!--内容开始-->
	<section class="green-section">
		<div class="wrapper">
			<div>
				<h2>一个标题</h2>
				<div class="hr"></div>
				<p class="sub-heading">lorem ipsum dolor sit amet, 
				consectetur adipisicing elit.</p>
			</div>
			<div class="icon-group">
				<span class="icon">item1</span>
				<span class="icon">item2</span>
				<span class="icon">item3</span>
			</div>
		</div>
	</section>
	<section class="gray-section">

		<div class="article-preview">
		<div class="img-section">
				<img src="img/icon1.png" alt=""></div>
			<div class="text-section">
				<h2>又一个标题</h2>
				<div class="sub-heading">我是副标题你好</div>
				<p>Formally established in 1946, the aim is to promote cooperation among countries through education, science and culture, and contribute to world peace and security. According to the introduction, UNESCO has 195 Member States and 58 executive board members.</p>
			</div>
			
			</div>

		<div class="article-preview">
			
			<div class="text-section">
				<h2>又一个标题</h2>
				<div class="sub-heading">我是副标题你好</div>
				<p>Formally established in 1946, the aim is to promote cooperation among countries through education, science and culture, and contribute to world peace and security. According to the introduction, UNESCO has 195 Member States and 58 executive board members.</p>
			</div>

			<div class="img-section">
				<img src="img/icon2.png" alt="">
			</div>
			
		</div>

		<div class="article-preview">
			<div class="img-section">
				<img src="img/icon3.png" alt="">
			</div>
			<div class="text-section">
				<h2>又一个标题</h2>
				<div class="sub-heading">我是副标题你好</div>
				<p>Formally established in 1946, the aim is to promote cooperation among countries through education, science and culture, and contribute to world peace and security. According to the introduction, UNESCO has 195 Member States and 58 executive board members.</p>
			</div>
		</div>
	</section>

	<section class="purple-section">
	<div class="wrapper">
		<div class="heading-wrspper">
			<h2>又是一个标题</h2>
			<div class="hr"></div>
			<div class="sub-heading">
				Formally established in 1946, the aim is to promote cooperation among countries through education, science and culture, and contribute to world peace and security. According to the introduction, UNESCO has 195 Member States and 58 executive board members.
			</div>
		</div>
		<div class="card-group
		clearfix">
			<div class="card">
				<h3>标题三</h3>
				<p>Formally established in 1946, the aim is to promote cooperation among countries through education, science and culture, and contribute to world peace and security. According to the introduction, UNESCO has 195 Member States and 58 executive board members.</p>
			</div>
			<div class="card">
				<h3>标题三</h3>
				<p>Formally established in 1946, the aim is to promote cooperation among countries through education, science and culture, and contribute to world peace and security. According to the introduction, UNESCO has 195 Member States and 58 executive board members.</p>
			</div>
		</div>

		<div class="card-group
		clearfix">
			<div class="card">
				<h3>标题三</h3>
				<p>Formally established in 1946, the aim is to promote cooperation among countries through education, science and culture, and contribute to world peace and security. According to the introduction, UNESCO has 195 Member States and 58 executive board members.</p>
			</div>
			<div class="card">
				<h3>标题三</h3>
				<p>Formally established in 1946, the aim is to promote cooperation among countries through education, science and culture, and contribute to world peace and security. According to the introduction, UNESCO has 195 Member States and 58 executive board members.</p>
			</div>
		</div>

		<div class="card-group
		clearfix">
			<div class="card">
				<h3>标题三</h3>
				<p>Formally established in 1946, the aim is to promote cooperation among countries through education, science and culture, and contribute to world peace and security. According to the introduction, UNESCO has 195 Member States and 58 executive board members.</p>
			</div>
			<div class="card">
				<h3>标题三</h3>
				<p>Formally established in 1946, the aim is to promote cooperation among countries through education, science and culture, and contribute to world peace and security. According to the introduction, UNESCO has 195 Member States and 58 executive board members.</p>
			</div>
		</div>
	</div>
	</section>
</div><!--内容结束-->

<footer><!--页脚开始-->	
	<ul class="share-group">
		<li>item1</li>
		<li>item2</li>
		<li>item3</li>
		<li>item4</li>
		<li>item5</li>
	</ul>

	<div class="copy">
		&copy KRONE
	</div>
</footer><!--页脚结束-->
</div>
</body>