pictcode / app / View / top / index.ctp @ 9af585b9
履歴 | 表示 | アノテート | ダウンロード (2.48 KB)
| 1 | 3bf0e002 | admin | <header> |
|---|---|---|---|
| 2 | <div class="container"> |
||
| 3 | <div class="row"> |
||
| 4 | <div class="col-lg-12"> |
||
| 5 | <!-- |
||
| 6 | <img class="img-responsive" src="img/profile.png" alt=""> |
||
| 7 | --> |
||
| 8 | <div class="intro-text"> |
||
| 9 | <span class="name">作ってみよう</span> |
||
| 10 | <hr class="star-light"> |
||
| 11 | 9af585b9 | admin | <a href="/pictcode" class="btn btn-info skills">作ってみる</a> |
| 12 | <a href="/users/login" class="btn btn-warning skills">ログインする</a> |
||
| 13 | <a href="/top/about" class="btn btn-danger skills">PictCodeについて</a> |
||
| 14 | 3bf0e002 | admin | </div> |
| 15 | </div> |
||
| 16 | </div> |
||
| 17 | </div> |
||
| 18 | </header> |
||
| 19 | |||
| 20 | <!-- Portfolio Grid Section --> |
||
| 21 | <section id="portfolio"> |
||
| 22 | <div class="container"> |
||
| 23 | <div class="row"> |
||
| 24 | <div class="col-lg-12 text-center"> |
||
| 25 | <h2>Other PictCode</h2> |
||
| 26 | <hr class="star-primary"> |
||
| 27 | </div> |
||
| 28 | </div> |
||
| 29 | <div class="row"> |
||
| 30 | <div class="col-sm-4 portfolio-item"> |
||
| 31 | <a href="#portfolioModal1" class="portfolio-link" data-toggle="modal"> |
||
| 32 | <div class="caption"> |
||
| 33 | <div class="caption-content"> |
||
| 34 | <i class="fa fa-search-plus fa-3x"></i> |
||
| 35 | </div> |
||
| 36 | </div> |
||
| 37 | <img src="img/portfolio/cabin.png" class="img-responsive" alt=""> |
||
| 38 | </a> |
||
| 39 | </div> |
||
| 40 | <div class="col-sm-4 portfolio-item"> |
||
| 41 | <a href="#portfolioModal2" class="portfolio-link" data-toggle="modal"> |
||
| 42 | <div class="caption"> |
||
| 43 | <div class="caption-content"> |
||
| 44 | <i class="fa fa-search-plus fa-3x"></i> |
||
| 45 | </div> |
||
| 46 | </div> |
||
| 47 | <img src="img/portfolio/cake.png" class="img-responsive" alt=""> |
||
| 48 | </a> |
||
| 49 | </div> |
||
| 50 | <div class="col-sm-4 portfolio-item"> |
||
| 51 | <a href="#portfolioModal3" class="portfolio-link" data-toggle="modal"> |
||
| 52 | <div class="caption"> |
||
| 53 | <div class="caption-content"> |
||
| 54 | <i class="fa fa-search-plus fa-3x"></i> |
||
| 55 | </div> |
||
| 56 | </div> |
||
| 57 | <img src="img/portfolio/circus.png" class="img-responsive" alt=""> |
||
| 58 | </a> |
||
| 59 | </div> |
||
| 60 | <div class="col-sm-4 portfolio-item"> |
||
| 61 | <a href="#portfolioModal4" class="portfolio-link" data-toggle="modal"> |
||
| 62 | <div class="caption"> |
||
| 63 | <div class="caption-content"> |
||
| 64 | <i class="fa fa-search-plus fa-3x"></i> |
||
| 65 | </div> |
||
| 66 | </div> |
||
| 67 | <img src="img/portfolio/game.png" class="img-responsive" alt=""> |
||
| 68 | </a> |
||
| 69 | </div> |
||
| 70 | <div class="col-sm-4 portfolio-item"> |
||
| 71 | <a href="#portfolioModal5" class="portfolio-link" data-toggle="modal"> |
||
| 72 | <div class="caption"> |
||
| 73 | <div class="caption-content"> |
||
| 74 | <i class="fa fa-search-plus fa-3x"></i> |
||
| 75 | </div> |
||
| 76 | </div> |
||
| 77 | <img src="img/portfolio/safe.png" class="img-responsive" alt=""> |
||
| 78 | </a> |
||
| 79 | </div> |
||
| 80 | <div class="col-sm-4 portfolio-item"> |
||
| 81 | <a href="#portfolioModal6" class="portfolio-link" data-toggle="modal"> |
||
| 82 | <div class="caption"> |
||
| 83 | <div class="caption-content"> |
||
| 84 | <i class="fa fa-search-plus fa-3x"></i> |
||
| 85 | </div> |
||
| 86 | </div> |
||
| 87 | <img src="img/portfolio/submarine.png" class="img-responsive" alt=""> |
||
| 88 | </a> |
||
| 89 | </div> |
||
| 90 | </div> |
||
| 91 | </div> |
||
| 92 | </section> |
||
| 93 | c69e6898 | admin | <?php echo $this->element('footer');?> |