-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
02bca31
commit fbbd420
Showing
1 changed file
with
46 additions
and
35 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -69,9 +69,19 @@ <h2>책 찜하기</h2> | |
| </header> | ||
| <div class="content"> | ||
| <p><strong>읽고싶은 책을</strong> 검색하고 하트 버튼을 통해서 찜해보세요.</p> | ||
|
|
||
| <div class="content"> | ||
| <div class="gallery"> | ||
| <a href="images/gallery/fulls/01.jpg" class="landscape"><img src="images/gallery/thumbs/01.jpg" alt="" /></a> | ||
| <a href="images/gallery/fulls/02.jpg"><img src="images/gallery/thumbs/02.jpg" alt="" /></a> | ||
| <a href="images/gallery/fulls/03.jpg"><img src="images/gallery/thumbs/03.jpg" alt="" /></a> | ||
| <a href="images/gallery/fulls/04.jpg" class="landscape"><img src="images/gallery/thumbs/04.jpg" alt="" /></a> | ||
| </div> | ||
| </div> | ||
|
|
||
| <!-- Section --> | ||
| <section> | ||
| <!-- not needed | ||
| <section> | ||
| <header> | ||
| <h3>Erat aliquam</h3> | ||
| <p>Vehicula ultrices dolor amet ultricies et condimentum. Magna sed etiam consequat, et lorem adipiscing sed dolor sit amet, consectetur amet do eiusmod tempor incididunt ipsum suspendisse ultrices gravida.</p> | ||
|
|
@@ -85,47 +95,48 @@ <h3>Erat aliquam</h3> | |
| </div> | ||
| </div> | ||
| </section> | ||
| not needed --> | ||
|
|
||
| <!-- Section --> | ||
| <section> | ||
| <header> | ||
| <h3>Nisl consequat</h3> | ||
| <p>Aenean ornare velit lacus, ac varius enim ullamcorper eu. Proin aliquam sed facilisis ante interdum congue. Integer mollis, nisl amet convallis, porttitor magna ullamcorper, amet mauris. Ut magna finibus nisi nec lacinia ipsum maximus.</p> | ||
| </header> | ||
| <div class="content"> | ||
| <div class="gallery"> | ||
| <a href="images/gallery/fulls/05.jpg" class="landscape"><img src="images/gallery/thumbs/05.jpg" alt="" /></a> | ||
| <a href="images/gallery/fulls/06.jpg"><img src="images/gallery/thumbs/06.jpg" alt="" /></a> | ||
| <a href="images/gallery/fulls/07.jpg"><img src="images/gallery/thumbs/07.jpg" alt="" /></a> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| <!-- Section --> | ||
| <section> | ||
| <header> | ||
| <h2>독서 노트 간편하게 기록하기</h2> | ||
| <p><strong>OCR 기능을</strong> 통해서 인상 깊은 책 내용을 간편하게 기록해보세 요. 더 이상 책 내용을 직접 타이핑할 필요가 없습니다.</p> | ||
| </header> | ||
| <div class="content"> | ||
| <div class="gallery"> | ||
| <a href="images/gallery/fulls/05.jpg" class="landscape"><img src="images/gallery/thumbs/05.jpg" alt="" /></a> | ||
| <a href="images/gallery/fulls/06.jpg"><img src="images/gallery/thumbs/06.jpg" alt="" /></a> | ||
| <a href="images/gallery/fulls/07.jpg"><img src="images/gallery/thumbs/07.jpg" alt="" /></a> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
| <!-- Section --> | ||
| <section> | ||
| <header> | ||
| <h3>Lorem gravida</h3> | ||
| <p>Proin aliquam facilisis ante interdum. Sed nulla amet lorem feugiat tempus aenean ornare velit lacus, ac varius sed enim lorem ullamcorper dolore. ac varius enim lorem ullamcorper dolore. Proin aliquam facilisis.</p> | ||
| </header> | ||
| <div class="content"> | ||
| <div class="gallery"> | ||
| <a href="images/gallery/fulls/08.jpg" class="portrait"><img src="images/gallery/thumbs/08.jpg" alt="" /></a> | ||
| <a href="images/gallery/fulls/09.jpg" class="portrait"><img src="images/gallery/thumbs/09.jpg" alt="" /></a> | ||
| <a href="images/gallery/fulls/10.jpg" class="landscape"><img src="images/gallery/thumbs/10.jpg" alt="" /></a> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| <!-- Section --> | ||
| <section> | ||
| <header> | ||
| <h2>읽은 책 목록</h2> | ||
| <p><strong>읽은 책들을</strong> 나만의 서재에 진열해두고 내가 기록했던 독서 노트 들을 모아서 보세요. </p> | ||
| </header> | ||
| <div class="content"> | ||
| <div class="gallery"> | ||
| <a href="images/gallery/fulls/08.jpg" class="portrait"><img src="images/gallery/thumbs/08.jpg" alt="" /></a> | ||
| <a href="images/gallery/fulls/09.jpg" class="portrait"><img src="images/gallery/thumbs/09.jpg" alt="" /></a> | ||
| <a href="images/gallery/fulls/10.jpg" class="landscape"><img src="images/gallery/thumbs/10.jpg" alt="" /></a> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
| </div> | ||
| </section> | ||
| </div> | ||
| </section> | ||
|
|
||
| <!-- Section --> | ||
| <section> | ||
| <header> | ||
| <h2>Duis sed adpiscing veroeros amet</h2> | ||
| <h2>개발자</h2> | ||
| </header> | ||
| <div class="content"> | ||
| <p><strong>Proin tempus feugiat</strong> sed varius enim lorem ullamcorper dolore aliquam aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore.</p> | ||
| <p><strong>김상효, 김현수, 유석원, 이만</strong></p> | ||
| <ul class="actions"> | ||
| <li><a href="#" class="button primary large">Get Started</a></li> | ||
| <li><a href="#" class="button large">Learn More</a></li> | ||
|
|
@@ -404,10 +415,10 @@ <h3>Form</h3> | |
| <!-- Section --> | ||
| <section> | ||
| <header> | ||
| <h2>Get in touch</h2> | ||
| <h2>문의사항</h2> | ||
| </header> | ||
| <div class="content"> | ||
| <p><strong>Auctor commodo</strong> interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis.</p> | ||
| <p><strong>문의사항</strong> 및 제안사항은 언제든지 아래로 연락주세요 이메일 . [email protected] </p> | ||
| <form> | ||
| <div class="fields"> | ||
| <div class="field half"> | ||
|
|
||