分类
<link rel="stylesheet" href="css/style.css"/>
<div class="grids"> <div class="card-one"> <div class="card"> <div class="card__side card__side--front" id="front-1"> <div class="text-box"> <h3 class="text-box-top">Flipping Cards</h3> <h1 class="text-box-middle">Awesome!</h1> <h3 class="text-box-lower">--- More Text ---</h3> </div> </div> <div class="card__side card__side--back" id="back-1"> <div class="text-box"> <h3 class="text-box-top">Cards Flipped</h3> <h1 class="text-box-middle">Great!</h1> <h3 class="text-box-lower">--- More Text ---</h3> </div> </div> </div> </div> <div class="card-two"> <div class="card"> <div class="card__side card__side--front" id="front-2"> <div class="text-box"> <h3 class="text-box-top">Flipping Cards</h3> <h1 class="text-box-middle">Awesome!</h1> <h3 class="text-box-lower">--- More Text ---</h3> </div> </div> <div class="card__side card__side--back" id="back-2"> <div class="text-box"> <h3 class="text-box-top">Cards Flipped</h3> <h1 class="text-box-middle">Great!</h1> <h3 class="text-box-lower">--- More Text ---</h3> </div> </div> </div> </div> <div class="card-three"> <div class="card"> <div class="card__side card__side--front" id="front-3"> <div class="text-box"> <h3 class="text-box-top">Flipping Cards</h3> <h1 class="text-box-middle">Awesome!</h1> <h3 class="text-box-lower">--- More Text ---</h3> </div> </div> <div class="card__side card__side--back" id="back-3"> <div class="text-box"> <h3 class="text-box-top">Cards Flipped</h3> <h1 class="text-box-middle">Great!</h1> <h3 class="text-box-lower">--- More Text ---</h3> </div> </div> </div> </div> <div class="card-four"> <div class="card"> <div class="card__side card__side--front" id="front-4"> <div class="text-box"> <h3 class="text-box-top">Flipping Cards</h3> <h1 class="text-box-middle">Awesome!</h1> <h3 class="text-box-lower">--- More Text ---</h3> </div> </div> <div class="card__side card__side--back" id="back-4"> <div class="text-box"> <h3 class="text-box-top">Cards Flipped</h3> <h1 class="text-box-middle">Great!</h1> <h3 class="text-box-lower">--- More Text ---</h3> </div> </div> </div> </div> <div class="card-five"> <div class="card"> <div class="card__side card__side--front" id="front-5"> <div class="text-box"> <h3 class="text-box-top">Flipping Cards</h3> <h1 class="text-box-middle">Awesome!</h1> <h3 class="text-box-lower">--- More Text ---</h3> </div> </div> <div class="card__side card__side--back" id="back-5"> <div class="text-box"> <h3 class="text-box-top">Cards Flipped</h3> <h1 class="text-box-middle">Great!</h1> <h3 class="text-box-lower">--- More Text ---</h3> </div> </div> </div> </div> <div class="card-six"> <div class="card"> <div class="card__side card__side--front" id="front-6"> <div class="text-box"> <h3 class="text-box-top">Flipping Cards</h3> <h1 class="text-box-middle">Awesome!</h1> <h3 class="text-box-lower">--- More Text ---</h3> </div> </div> <div class="card__side card__side--back" id="back-6"> <div class="text-box"> <h3 class="text-box-top">Cards Flipped</h3> <h1 class="text-box-middle">Great!</h1> <h3 class="text-box-lower">--- More Text ---</h3> </div> </div> </div> </div> <div class="card-seven"> <div class="card"> <div class="card__side card__side--front" id="front-7"> <div class="text-box"> <h3 class="text-box-top">Flipping Cards</h3> <h1 class="text-box-middle">Awesome!</h1> <h3 class="text-box-lower">--- More Text ---</h3> </div> </div> <div class="card__side card__side--back" id="back-7"> <div class="text-box"> <h3 class="text-box-top">Cards Flipped</h3> <h1 class="text-box-middle">Great!</h1> <h3 class="text-box-lower">--- More Text ---</h3> </div> </div> </div> </div> </div> <script src="js/script.js"></script>
1. 本站所有素材(未指定商用),仅限学习交流。
2. 会员在本站下载的原创商用和VIP素材后,只拥有使用权,著作权归原作者及17素材网所有。
3. 原创商用和VIP素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 本平台织梦模板仅展示和个人非盈利用途,织梦系统商业用途请预先授权。