| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 |
- SKY 시리우스
- android
- 스카이 안드로이드폰 시리우스
- 안드로이드폰
- 안드로이드2.0개발
- Form Stuff
- 인기있는 블로그 만들기
- 구글 안드로이드
- 스카이 안드로이드폰 시리우스 K양 동영상
- 안드로이드2.0
- 안드로이드 개발
- 안드로이드개발
- 하루한마디영어
- 아이폰 배경화면
- MapView
- 아이폰 바탕화면
- 안드로이드 개발 2.0
- 영어
- 구글안드로이드
- 안드로이드 개발 2.0 강좌
- 안드로이드 바탕화면
- 하루 한마디 영어
- 스마트폰 배경화면
- sky 시리우스폰
- 안드로이드 개발 강좌
- 안드로이드 2.0 개발
- objective-c
- 안드로이드
- 구글 안드로이드 개발
- 안드로이드 배경화면
- Today
- Total
moozi
부트스트랩 예제 본문
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- bootstrap CDN -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div class="btn-group btn-group-justified">
<a class="btn btn-primary">CEO인사말</a>
<a class="btn btn-primary">회사연혁</a>
<div class="btn-group">
<a type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
회사제품 <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Tablet</a></li>
<li><a href="#">Smartphone</a></li>
</ul>
</div>
</div>
<h1>우리소프트</h1>
<p>우리소프트에 오신것을 환영합니다.</p>
<!--
<div class="row">
<div class="col-sm-6" style="background-color:lavender">회사소개</div>
<div class="col-sm-6" style="background-color:lavender">제품소개</div>
</div>
-->
<p>
<a href="pic01.jpg" class="img-thumbnail">
<img src="pic01.jpg" width="150" height="150">
</a>
<a href="pic02.png" class="img-thumbnail">
<img src="pic02.png" width="150" height="150">
</a>
<a href="pic03.jpg" class="img-thumbnail">
<img src="pic03.jpg" width="150" height="150">
</a>
<a href="pic04.jpg" class="img-thumbnail">
<img src="pic04.png" width="150" height="150">
</a>
<a href="pic04.jpg" class="img-thumbnail">
<img src="pic04.png" width="150" height="150">
</a>
</p>
<h3><mark class="text-primary">회사소개</mark><small>우리소프트의 발자취를 소개합니다.</small></h3>
<blockquote>
<p class="text-info bg-danger well">우리소프트는 2000년에 설립된 소프트회사입니다.개발자2명, 디자이너2명, 기획자1명으로 시작한 젊은 회사입니다.</p>
<table class="table table-hover table-striped">
<thead>
<tr>
<th class="info">기간</th>
<th class="info">설명</th>
</tr>
</thead>
<tbody>
<tr>
<td>2000~2003</td>
<td>설립기</td>
</tr>
<tr>
<td>2004~2010</td>
<td>중흥기</td>
</tr>
<tr>
<td>2011~현재</td>
<td>도약기</td>
</tr>
</tbody>
</table>
</blockquote>
<h3><mark class="text-primary">제품소개</mark><small>우리소프트가 심혈을 기울여 개발한 제품을 소개합니다.</small></h3>
<blockquote>
<p class="text-info bg-danger">스팸방지솔루션, 모바일웹빌더, 클라우드솔루션, 빅데이터솔루션등의 제품을 개발/서비스 하고 있습니다.</p>
<dl>
<dt class="text-success">스팸방지솔루션</dt>
<dd class="text-warning">- 스팸방지솔루션은 핸드폰에 걸려오는 스팸전화를 필터링해주는 솔루션입니다.</dd>
<dt class="text-success">모바일웹빌더</dt>
<dd class="text-warning">- 모바일웹빌더는 모바일웹페이지를 쉽게 제작할 수 있는 모바일웹저작도구입니다.</dd>
</dl>
</blockquote>
</div>
<!-- <div class="alert alert-success">
<a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>취업특강 : 2015-11-04, 601호
</div> -->
<!--<div>
<ul class="list-group">
<li class="list-group-item">제품군</li>
<li class="list-group-item">안드로이드앱</li>
<li class="list-group-item">개발프레임워크</li>
</ul>
</div>-->
<div class="panel panel-default">
<div class="panel-heading">제품군</div>
<div class="panel-body">안드로이드앱</div>
<div class="panel-body">개발프레임워크</div>
</div>
<div style="padding-left:30px">
<button type="button" class="button btn-success active">회사위치확인</button>
<a href="mailto:contact@mycompany.com"><span class="glyphicon glyphicon-envelope">contact@mycompany.com</span></a>
</div
</body>
</html>
'하이브리드앱' 카테고리의 다른 글
| 폰갭 빌드시 Can't accept license agreement Android SDK Platform 24 에러 (0) | 2017.10.10 |
|---|---|
| jquery ui map 예제 (0) | 2015.12.14 |
| iframe사용하기 (0) | 2015.10.31 |
| 자바스크립트를 이용한 jsp의 json파싱 (0) | 2015.10.29 |
| 폰갭 API 개발 (0) | 2015.10.20 |