CSS3 响应式奖品列表页面

可用于活动组织类的响应式页面模板

《three.js使用多个渐变torus模拟光环光晕》申请公开！

第三方库
作品简介 2041
作品推荐
使用帮助
常用链接

HTML
CSS
JavaScript
Result

编译

JavaScript

编译

CSS

HTML

<div class="company-awards pad">
                <h2 class="white-text textcenter text-shadow pad">Company Awards</h2>
            </div>
            <div class="row no-border nopad-bottom">
                <div class="onethird textcenter">
                    <img src="https://dummyimage.com/640x640/cccccc/000000" alt="award" />
                    <p>Award: Description</p>
                </div>
                <div class="onethird textcenter">
                    <img src="https://dummyimage.com/640x640/cccccc/000000" alt="award" />
                    <p>Award: Description</p>
                </div>
                <div class="onethird textcenter last">
                    <img src="https://dummyimage.com/640x640/cccccc/000000" alt="award" />
                    <p>Award: Description</p>
                </div>
            </div>
            <div class="row no-border">
                <div class="onethird textcenter">
                    <img src="https://dummyimage.com/640x640/cccccc/000000" alt="award" />
                    <p>Award: Description</p>
                </div>
                <div class="onethird textcenter">
                    <img src="https://dummyimage.com/640x640/cccccc/000000" alt="award" />
                    <p>Award: Description</p>
                </div>
                <div class="onethird textcenter last">
                    <img src="https://dummyimage.com/640x640/cccccc/000000" alt="award" />
                    <p>Award: Description</p>
                </div>
            </div>
            <div class="certification-list pad">
                <h2 class="white-text textcenter text-shadow pad">Certifications</h2>
            </div>
            <div class="row no-border nopad-bottom">
                <div class="onethird textcenter">
                    <img src="https://dummyimage.com/640x640/cccccc/000000" alt="award" />
                    <p>Award: Description</p>
                </div>
                <div class="onethird textcenter">
                    <img src="https://dummyimage.com/640x640/cccccc/000000" alt="award" />
                    <p>Award: Description</p>
                </div>
                <div class="onethird textcenter last">
                    <img src="https://dummyimage.com/640x640/cccccc/000000" alt="award" />
                    <p>Award: Description</p>
                </div>
            </div>
            <div class="row no-border">
                <div class="onethird textcenter">
                    <img src="https://dummyimage.com/640x640/cccccc/000000" alt="award" />
                    <p>Award: Description</p>
                </div>
                <div class="onethird textcenter">
                    <img src="https://dummyimage.com/640x640/cccccc/000000" alt="award" />
                    <p>Award: Description</p>
                </div>
                <div class="onethird textcenter last">
                    <img src="https://dummyimage.com/640x640/cccccc/000000" alt="award" />
                    <p>Award: Description</p>
                </div>
            </div>
        </div>
    </div>
</div>

可用于活动组织类的响应式页面模板

编辑器支持Emmet

快捷键

可用于活动组织类的响应式页面模板

HTML5 + GSAP + Founation.css构建响应式博客文章列表页面布局模板

CSS3 响应式网格布局设计

编辑器支持Emmet

快捷键

语言：

语言：

导入代码模板：