|
|
Line 69: |
Line 69: |
| | | |
| </section> | | </section> |
− | <section class="com__section com__section--text com__section--text-img">
| + | |
− | <div class="com__section-half">
| + | |
− | <h1 class="animate slideInLeft">Communication Design</h1>
| + | |
− | <p class="animate slideInLeft delay-2">Communication design is a mixed discipline between design and information-development which is concerned with how media intermission such as printed, crafted, electronic media or presentations communicate with people.</p>
| + | |
− | </div>
| + | |
− | <div class="com__section-half">
| + | |
− | <img class="animate slideInRight delay-3" src="world.svg" alt="" />
| + | |
− | </div>
| + | |
− | </section>
| + | |
− | <section class="com__section com__section--text centered">
| + | |
− | <h1 class="animate scaleIn">A5源码</h1>
| + | |
− | <img class="animate scaleIn delay-3" src="world.svg" alt="" />
| + | |
− | </section>
| + | |
− | <section class="com__section com__section--text">
| + | |
− | <h1 class="animate slideInLeft ">Communication Design</h1>
| + | |
− | <p class="animate slideInLeft delay-3">Communication design is a mixed discipline between design and information-development which is concerned with how media intermission such as printed, crafted, electronic media or presentations communicate with people.</p>
| + | |
− | </section>
| + | |
− | <section class="com__section com__section--text com__section--text-img">
| + | |
− | <div class="com__section-half">
| + | |
− | <h1 class="animate slideInLeft">Communication Design</h1>
| + | |
− | <p class="animate slideInLeft delay-2">Communication design is a mixed discipline between design and information-development which is concerned with how media intermission such as printed, crafted, electronic media or presentations communicate with people.</p>
| + | |
− | </div>
| + | |
− | <div class="com__section-half">
| + | |
− | <img class="animate slideInRight delay-3" src="world.svg" alt="" />
| + | |
− | </div>
| + | |
− | </section>
| + | |
− | <section class="com__section com__section--text centered">
| + | |
− | <h1 class="animate scaleIn">Communication Design</h1>
| + | |
− | <img class="animate scaleIn delay-3" src="world.svg" alt="" />
| + | |
− | </section>
| + | |
− | <section class="com__section com__section--text">
| + | |
− | <h1 class="animate slideInLeft ">Communication Design</h1>
| + | |
− | <p class="animate slideInLeft delay-3">Communication design is a mixed discipline between design and information-development which is concerned with how media intermission such as printed, crafted, electronic media or presentations communicate with people.</p>
| + | |
− | </section>
| + | |
| </div> | | </div> |
− | <nav class="com__nav">
| + | |
− | <ul class="com__nav-list">
| + | |
− | <li class="com__nav-item">
| + | |
− | <h1>外内容1</h1>
| + | |
− | <a href="" class="com__nav-link">
| + | |
− | <h1>里内容1</h1>
| + | |
− | <span class="blue-line animate scaleInLeft delay-2"></span>
| + | |
− | <span class="white-line animate scaleInLeft delay-4"></span>
| + | |
− | <span class="white-line animate scaleInLeft delay-5"></span>
| + | |
− | </a>
| + | |
− | </li>
| + | |
− | <li class="com__nav-item">
| + | |
− | <h1>外内容2</h1>
| + | |
− | <a href="" class="com__nav-link flex-row">
| + | |
− | <h1>里内容2</h1>
| + | |
− | <div class="com__section-half">
| + | |
− | <span class="blue-line animate scaleInLeft delay-3"></span>
| + | |
− | <span class="white-line animate scaleInLeft delay-4"></span>
| + | |
− | </div>
| + | |
− | <div class="com__section-half">
| + | |
− | <span class="white-circle animate slideInRight delay-5"></span>
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | </li>
| + | |
− | <li class="com__nav-item">
| + | |
− | <h1>外内容3</h1>
| + | |
− | <a href="" class="com__nav-link centered">
| + | |
− | <h1>里内容3</h1>
| + | |
− | <span class="blue-line animate scaleIn delay-3"></span>
| + | |
− | <span class="white-circle animate scaleIn delay-5"></span>
| + | |
− | </a>
| + | |
− | </li>
| + | |
− | <li class="com__nav-item">
| + | |
− | <h1>外内容4</h1>
| + | |
− | <a href="" class="com__nav-link">
| + | |
− | <h1>里内容4</h1>
| + | |
− | <span class="blue-line animate scaleInLeft delay-2"></span>
| + | |
− | <span class="white-line animate scaleInLeft delay-4"></span>
| + | |
− | <span class="white-line animate scaleInLeft delay-5"></span>
| + | |
− | </a>
| + | |
− | </li>
| + | |
− | <li class="com__nav-item">
| + | |
− | <h1>外内容5</h1>
| + | |
− | <a href="" class="com__nav-link flex-row">
| + | |
− | <h1>里内容5</h1>
| + | |
− | <div class="com__section-half">
| + | |
− | <span class="blue-line animate scaleInLeft delay-3"></span>
| + | |
− | <span class="white-line animate scaleInLeft delay-4"></span>
| + | |
− | </div>
| + | |
− | <div class="com__section-half">
| + | |
− | <span class="white-circle animate slideInRight delay-5"></span>
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | </li>
| + | |
− | <li class="com__nav-item">
| + | |
− | <h1>外内容6</h1>
| + | |
− | <a href="" class="com__nav-link centered">
| + | |
− | <h1>里内容6</h1>
| + | |
− | <span class="blue-line animate scaleIn delay-3"></span>
| + | |
− | <span class="white-circle animate scaleIn delay-5"></span>
| + | |
− | </a>
| + | |
− | </li>
| + | |
− | <li class="com__nav-item">
| + | |
− | <h1>外内容7</h1>
| + | |
− | <a href="" class="com__nav-link">
| + | |
− | <h1>里内容7</h1>
| + | |
− | <span class="blue-line animate scaleInLeft delay-2"></span>
| + | |
− | <span class="white-line animate scaleInLeft delay-4"></span>
| + | |
− | <span class="white-line animate scaleInLeft delay-5"></span>
| + | |
− | </a>
| + | |
− | </li>
| + | |
− | <li class="com__nav-item">
| + | |
− | <h1>外内容8</h1>
| + | |
− | <a href="" class="com__nav-link">
| + | |
− | <h1>里内容8</h1>
| + | |
− | <span class="blue-line animate scaleInLeft delay-2"></span>
| + | |
− | <span class="white-line animate scaleInLeft delay-4"></span>
| + | |
− | <span class="white-line animate scaleInLeft delay-5"></span>
| + | |
− | </a>
| + | |
− | </li>
| + | |
− | <li class="com__nav-item">
| + | |
− | <h1>外内容9</h1>
| + | |
− | <a href="" class="com__nav-link">
| + | |
− | <h1>里内容9</h1>
| + | |
− | <span class="blue-line animate scaleInLeft delay-2"></span>
| + | |
− | <span class="white-line animate scaleInLeft delay-4"></span>
| + | |
− | <span class="white-line animate scaleInLeft delay-5"></span>
| + | |
− | </a>
| + | |
− | </li>
| + | |
− | </ul>
| + | |
− | </nav>
| + | |
| </div> | | </div> |
| <style> | | <style> |