<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name ="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap-theme.min.css">
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<title>Bootstrap Glyphicon</title>
</head>
<body>	
	<div class="container">
		<span class="glyphicon glyphicon-envelope"></span>
		<span class="glyphicon glyphicon-glass"></span>
		<span class="glyphicon glyphicon-road"></span>
		<span class="glyphicon glyphicon-retweet"></span>		
	</div>
	
	<div class="container">
		<h2>Glyphicon Example</h2>
		<p>Envelope icon : <span class="glyphicon glyphicon-envelope"></span></p>
		<p>링크 Envelope icon :
			<a href="#"><span class="glyphicon glyphicon-envelope"></span></a>
		</p>
		<p>Search icon : <span class="glyphicon glyphicon-search"></span></p>
		<p>링크 Envelope icon :
			<a href="#"><span class="glyphicon glyphicon-search"></span></a>
		</p>
		<p>Search icon 스타일 버튼 : 
		<button class="btn btn-info">
			<span class="glyphicon glyphicon-search"></span>검색
		</button>
		
		<p>Print icon 스타일 링크 버튼 :
			<a href="#" class="btn btn-sucess btn-lg">
				<span class="glyphicon glyphicon-print"></span>프린트
			</a>
		</p>
	</div>
	
	<div class="container">
		<h2>Glyphicon Example1</h2>
		<p>왼쪽 이동 
		<button class="btn btn-default">
			<span class="glyphicon glyphicon-chevron-left"></span> Left
		</button>
		<p>오른쪽 이동 
		<button class="btn btn-default">
			<span class="glyphicon glyphicon-chevron-right"></span> Right
		</button>
		<p>꺼짐 
		<button class="btn btn-info">
			<span class="glyphicon glyphicon-power"></span> Off
		</button>
		<p>종료
		<button class="btn btn-default">
			<span class="glyphicon glyphicon-menu-close"></span>
		</button>
		<p>Refresh 링크<span class="glyphicon glyphicon-refresh"></span></p>
		<p>좋아요~ 
		<button class="btn btn-info">
			<span class="glyphicon glyphicon-"></span> Like
		</button>
		
	</div>
	
</body>
</html>