Documentation

결혼정보 지연 문서 페이지에 오신 것을 환영합니다!

이 페이지는 템플릿을 기반으로 사이트를 만들 때 사용할 수 있는 모든 디자인 요소를 포함합니다.

문서 보러가기!문서 보러가기!

Getting Started

Player is a HTML/CSS template based on Bootstrap 3 framework. It allows to built impressive, better & faster, mobile friendly websites.

HTML Structure

This is the base of each HTML file:

<!-- Header -->
<header id="header">
    ...
</header>
<!-- Header / End -->

<!-- Content -->
<div id="content">

    <!-- Section - Basic -->
    <section class="section">
        ...  
    </section>
    <!-- Section - Basic / End -->

    ...

    <!-- Section - Bent -->
    <section class="section">
        
        <div class="section-top bg-white"></div>
        <div class="section-bottom bg-white"></div>
        ...  
    </section>
    <!-- Section - Bent / End -->

    <!-- Footer -->
    <footer id="footer">
        ...
    </footer>
    <!-- Footer / End -->

</div>
<!-- Content / End -->

Grid System

Player Template supporst all features of Bootstrap Grid System - go to Bootrstrap's page and check how does it work.

Elements

Thanks to awesome CSS elements you will be able to prepare unusual websites in the fastest and the easiest way. Check them out!

Typography

Headings

Example

h1. Bootstrap heading

h2. Bootstrap heading

h3. Bootstrap heading

h4. Bootstrap heading

h5. Bootstrap heading
h6. Bootstrap heading
<h1>h1. Bootstrap heading</h1>
<h2>h2. Bootstrap heading</h2>
<h3>h3. Bootstrap heading</h3>
<h4>h4. Bootstrap heading</h4>
<h5>h5. Bootstrap heading</h5>
<h6>h6. Bootstrap heading</h6>

Paragraph

Example

Maecenas a risus quis ipsum convallis fringilla in ut magna. Phasellus et sagittis odio. Sed in enim condimentum, lacinia metus id, sollicitudin libero. In ac ultricies justo.

Curabitur sit amet turpis eu diam luctus viverra. Sed viverra ornare ex, quis lobortis diam vehicula a. In imperdiet est tristique, malesuada odio quis, volutpat ante. Nulla ullamcorper, nisl sed faucibus posuere, dui turpis mattis turpis, in porttitor massa odio nec sapien.

<p class="lead">...</p>
<p>...</p>

Buttons

Button Types

Example

Icons

Player template includes two fantastic sets of icons - Font Awesome and Themify Icons

Basic Icons

Example

Forms

Example
<div class="form-group">
    <label for="exampleInput">Input:</label>
    <input type="email" class="form-control" id="exampleInput" placeholder="Email">
</div>
<div class="form-group">
    <label for="exampleTextarea">Textarea:</label>
    <textarea class="form-control" id="exampleTextarea" placeholder="Example Textarea"></textarea>
</div>