致力于大型展览展示项目的展示咨询、展厅设计与、展厅设计施工、多媒体沙盘！
如果我们设想一下，当时能有一个具有长远战略眼光的日本政治家在南京雨花台或天安门广场上的人民英雄纪念碑前献上一个花圈并跪下，所有中日之间，甚至日本与整个亚洲之间的历史问题很可能全都一笔勾销了。那个时候这样的行为之所以有成功的巨大可能，是因为整个中国和亚洲都急切地需要日本的产品技术和资金。但是，日本需要主动给中国一个台阶，让中国和整个亚洲把包袱放下。这个台阶不仅要足够，而且要有非常好的历史时机配合。
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu"> <li><a tabindex="-1" href="#">Action</a></li> <li><a tabindex="-1" href="#">Another action</a></li> <li><a tabindex="-1" href="#">Something else here</a></li> <li class="divider"></li> <li><a tabindex="-1" href="#">Separated link</a></li> </ul>
项目创作中学生自主确定创作项目,不同于知识学习中学生生成项目,后者强调以半开放式教学形式选择项目,注重知识与技能的学习;前者主张以开放式学习形式选取项目,侧重知识运用、能力提升与素养培养。
<div class="dropdown">
<!-- Link or button to toggle dropdown -->
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
<li><a tabindex="-1" href="#">Action</a></li>
<li><a tabindex="-1" href="#">Another action</a></li>
<li><a tabindex="-1" href="#">Something else here</a></li>
<li class="divider"></li>
<li><a tabindex="-1" href="#">Separated link</a></li>
</ul>
</div>
MegEngine 提供从训练到部署完整的量化支持，包括量化感知训练以及训练后量化，凭借“训练推理一体”的特性，MegEngine 更能保证量化之后的模型与部署之后的效果一致。本文将简要介绍神经网络量化的原理，并与大家分享 MegEngine 量化方面的设计思路与实操教程。
近期讨论的“智慧院所”就是站在能力建设的认知维上看待整个三维协同空间，是知识工程在MBSE和MBe新范式下的深入实施和应用，其主体是复杂产品和系统全生命期内的研制组织，目标是研制体系的能力建设，对象是复杂产品和系统全生命期内基于模型的DIKW认知流。
<ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dLabel"> ... </ul>
例如，灰尘，沙子，花粉和其他污垢的堆积可以在相对较短的时间尺度内以两位数的百分比降低能量产量。由于DustIQ等新技术可以测量由污染引起的1％的产量损失，因此正在对太阳能模块进行详细分析。在最近的一份白皮书中，Kipp＆Zonen列出了先进的污染监测科学，以最大限度地提高太阳能产量。
Default
Dropup
Left submenu
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
...
<li class="dropdown-submenu">
<a tabindex="-1" href="#">More options</a>
<ul class="dropdown-menu">
...
</ul>
</li>
</ul>
而如果领导力和数字化能力都很强，那么这类企业叫Digital Masters数字化大师。对此我们都很疑惑，求问Masters的精准翻译，Ermakov博士看着我们做了个鬼脸说，China，you know，gongfu，yeah. 功夫gongfu最厉害的人就是Masters。Gongfu Masters不仅特别能打架，还要会跟数字化打交道。这两个都能够熟练掌握，这才叫Masters。
<div class="pagination">
<ul>
<li><a href="#">Prev</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">Next</a></li>
</ul>
</div>
动态电子沙盘自身内置变色灯，对不同量级水雨情信息分色闪显，从而实现对全市重要水库、江河水情全天候实时监控。动态电子沙盘以水库汛限水位、正常水位和设计洪水位作为水库汛情判断条件，以设防水位、警戒水位、保证水位作为江河汛情判断条件，以不同量级雨量作为雨量站点雨强判断条件，对全市水雨情、汛旱情进行实时智能分析，并能以红黄蓝等不同颜色进行预警。
<div class="pagination">
<ul>
<li class="disabled"><a href="#">Prev</a></li>
<li class="active"><a href="#">1</a></li>
...
</ul>
</div>
联合国环境部目前正在实施瑞典资助的减少东南亚海洋垃圾的项目，以及日本资助的一项旨在解决恒河和湄公河沿岸海洋塑料问题的倡议。通过与北九州的合作协议，该市的专业知识将支持泰国和柬埔寨的地方政府实施有效的废物管理计划。
<div class="pagination">
<ul>
<li class="disabled"><span>Prev</span></li>
<li class="active"><span>1</span></li>
...
</ul>
</div>
其人均GDP应该在什么水平呢？就算达到与美国一样，就是在目前水平上增加38%。说小也不算小，说大也算不大。难道这就是日本20年失去的东西吗？并且，凭什么认为日本与美国人均GDP一样就是天经地义属于日本的东西呢？
<div class="pagination pagination-large">
<ul>
...
</ul>
</div>
<div class="pagination">
<ul>
...
</ul>
</div>
<div class="pagination pagination-small">
<ul>
...
</ul>
</div>
<div class="pagination pagination-mini">
<ul>
...
</ul>
</div>
可归因于机器学习的新技术列表是详尽无遗的，在本文中不可能完全涵盖。因此，我们将触及更容易识别的更高级别的问题。
<div class="pagination pagination-centered"> ... </div>
<div class="pagination pagination-right"> ... </div>
比如光速不变定理下的宇宙加速膨胀，比如宇宙诞生于一个无限小的奇点，比如智慧生命在如今138亿宇宙年龄阶段本该充满整个银河系却没有，等等现象，都可以在这里得到完美的解释。开束缚我们思维的“锁链”，跳出直线和平面的思维模式，用多维思维去重新审视我们这个世界，也许，你会发现与众不同的奇景，看到常人不曾看到的宇宙奇观。
数据安全问题，德国人非常注重数据安全，陪同讲解翻译的德累斯顿工业大学的王教授补充说，在网上一般找不到德国人的照片，德国政府和研究机构都深刻认识到随着工业4.0和数字化的深入发展，数据成为越来越重要的资产和财富，他们对信息安全极其重视，德国政府对于微软、google等美国大公司动不动就因为信息安全问题进行处罚，但是一方面由于德国本土互联网业不够发达，又不能不使用这些系统，另一方面德国政府不像中国政府那么Power，可以用行政命令直接把google请出中国市场，所以德国政府其实很无奈，只能是发现信息安全问题就严厉的处罚这些外国公司。
<ul class="pager"> <li><a href="#">Previous</a></li> <li><a href="#">Next</a></li> </ul>
一旦设计和建造了更先进的太阳能电池阵列，就会采用非常强大的系统运行和产量监控来帮助挤出尽可能多的发电量。测量现在以秒而不是分钟记录，单个模块性能与阵列中的其他模块进行详细比较。
<ul class="pager">
<li class="previous">
<a href="#">← Older</a>
</li>
<li class="next">
<a href="#">Newer →</a>
</li>
</ul>
以上是房地产楼群沙盘的制作流程。这些步骤可以分开进行，也可以颠倒工作顺序，或是几个步骤同步进行，每一个模型工作室的工作流程都不太相同。
<ul class="pager">
<li class="previous disabled">
<a href="#">← Older</a>
</li>
...
</ul>
| Labels | Markup |
|---|---|
| Default |
<span class="label">Default</span>
|
| Success |
<span class="label label-success">Success</span>
|
| Warning |
<span class="label label-warning">Warning</span>
|
| Important |
<span class="label label-important">Important</span>
|
| Info |
<span class="label label-info">Info</span>
|
| Inverse |
<span class="label label-inverse">Inverse</span>
|
| Name | Example | Markup |
|---|---|---|
| Default | 1 |
<span class="badge">1</span>
|
| Success | 2 |
<span class="badge badge-success">2</span>
|
| Warning | 4 |
<span class="badge badge-warning">4</span>
|
| Important | 6 |
<span class="badge badge-important">6</span>
|
| Info | 8 |
<span class="badge badge-info">8</span>
|
| Inverse | 10 |
<span class="badge badge-inverse">10</span>
|
一个热门话题是人们对双面模块的优势越来越感兴趣，双面模块从背面下方的表面收集反射光，并可以以两位数的百分比提高产量。考虑到双面设计问题的新方法是三维建模的趋势，其中还应包括污染效应。 5月的研讨会展示和讨论了这项和其他新技术，该研讨会由桑迪亚国家实验室，CFV太阳能测试实验室和电力研究所（EPRI）共同赞助。
当我看到屏幕上显示的创意时，我经常畏缩。嚼着铅笔或刷子。一直到深夜在绘图桌上画草图。手指敲击键盘上的手指。油漆泼了。就好像我们对艺术灵感的想法一直停留在Hans Namuth 1950年拍摄的杰克逊波洛克的全动作绘画模式中。如果观众在一些潜意识的水平上不知道我们会看到这些照片在行动吗？Ed Harris是否有机会在传记片中扮演波洛克？彩色？ 2000年电影的海报显示哈??里斯蜷缩在他的画布上，轻轻地弯曲，背景中完成了一个混乱的杰作。
科学家解释道，由于维度不同，所以邻近宇宙智慧文明的思维过程和我们是不同的。举个简单的例子，我们的逻辑关系大部分遵照“因-果”这样的线性结构，也就是说在维度上它是1维的，而加入交互的相关因素，就构成2维的关系，比如市场关系、国际关系，它们本质上都是二维的，这也是人类世界内部的极限。
<div class="hero-unit">
<h1>Heading</h1>
<p>Tagline</p>
<p>
<a class="btn btn-primary btn-large">
Learn more
</a>
</p>
</div>
建筑模型通常是由单一的材料制作的。但这个模型采用了一种与其他部分对比鲜明的材料，以突出项目的最显著的特征，收效明显。
<div class="page-header"> <h1>Example page header <small>Subtext for header</small></h1> </div>
(4) 参照《SE愿景2020》解释，中文定义纳入从基于文档模式到基于模型模式的范式转移，点出MBSE产生缘由和要解决的问题。
从诺兰的《星际穿越》到刘慈欣的《三体》，许多文学影视艺术将“多维空间”的迷人魅力展现在读者面前。什么是四维？理解这个问题可能像你的二次元老婆理解你一样困难。想亲手“感受”四维空间的话，就来下面的游戏里试试吧。
在20世纪60年代，测量北九州市Dokai Bay溶解氧水平的官员记录了一个令人震惊的读数：海湾的溶解氧接近于零。几乎没有。
创建一个榜样不是Semple的意图，而是作为一名建筑女性，当我在2013年阅读这本书时，她有一个2岁和5岁的孩子，这本书的母亲和天才的故事情节和女人如何找到创造伟大事物的空间......好吧，我发现很难不识别。我根据Bernadette对抗“Galer Street gnats”，私立学校妈妈们不理解她对参加学校活动或照顾她的院子不感兴趣。我为伯纳黛特扎根似乎是一个礼物而不是她的工作狂丈夫的问题。我为Bernadette和她与女儿Bee共享的冒险感而扎根。
采用卫星遥感影象做为地表贴面，反映和实地一样的地表形态，河流，植被，道路，居民地等信息一目了然
SPACE矩阵有四个象限分别表示企业采取的进取、保守、防御和竞争四种战略模式。这个矩阵的两个数轴分别代表了企业的两个内部因素——财务优势(FS)和竞争优势(CA);两个外部因素——环境稳定性(ES)和产业优势(IS)。这四个因素对于企业的总体战略地位是最为重要的。
城市规划模型，模型比例一般为1：800左右，模型以小比例沙盘模型结合灯光及多媒体形式全方位、立体化展示城市规划的前景未来。服务包含展厅设计，展厅模型规划，模型制作的前期、中期及后期的全方位服务，营销专线Mb:400081099
定位就是企业应该做什么，它决定了企业提供什么产品和服务来实现客户的价值。
（一)展示内容广。数字沙盘以简单明了，一目了然的手法可以充分体现展示内容的特点。
这3.0版的鞭子抽起来，表现就是不同。自然的，产业界也纷纷开始模仿，麦肯锡等管理咨询公司和投行的业务一时炙手可热，不肯模仿的当然也有，只是他们会在竞争中落后、破产，或者被野蛮人吃掉肢解、优化组合了。
市场研究报告商店提供最新发布的2019-2020电子沙盘市场分析和预测报告，通过详细报告提供关键见解并为客户提供竞争优势。
料：制作船模的材料。现代船模制作材料选用面很宽，可以不拘一格，充分发挥创意。但选材的四原则仍然是：成本低、易加工、品相高、质感仿真强。到目前为止，木材仍然是船模制作的基本材料。比如：竞速类船模，为了尽量提高航速，常选用轻质的梧桐木制作船体结构；自行类舰船模型，为了体现船体曲面品相，常选用弯曲性能和加工性能较好的红松木或银杏木；仿真类西洋古帆船模型，为了提高收藏价值，充分表现欧美古朴典雅的艺术文化，常选用木性稳定、色质匀纯、纹理细洁的名贵木材制作船体和装饰雕刻，追求作品的品相和可收藏性。
<ul class="thumbnails">
<li class="span4">
<a href="#" class="thumbnail">
<img src="http://placehold.it/300x200" alt="">
</a>
</li>
...
</ul>
总结一下，长时间内TFT-LCD型AR-HUD恐怕都是主流，未来可能从两个PGU缩成一个，成本更低，竞争力更强。DLP曲高和寡，只能在顶级豪华车上看到，恐怕奔驰E级都不可能使用。激光HUD是未来发展方向，但恐怕只用在L3级以上自动驾驶车辆上。
<ul class="thumbnails">
<li class="span4">
<div class="thumbnail">
<img src="http://placehold.it/300x200" alt="">
<h3>Thumbnail label</h3>
<p>Thumbnail caption...</p>
</div>
</li>
...
</ul>
电子沙盘系统相比较而言，更能直观的展示展厅内容，无论是图片还是动画 ，都融合高科技手段，优点比较多，给用户造就一场无与伦比的体验。
(二)设计手法精湛。整个展示过程不落俗套，既有在传统展板上的创新，又有基于充分体现现代高新科技成就上的互动;既有场面宏大的国内第一的大模型，又有制作精巧、竖向布局的数十个小模型;
<div class="alert"> <button type="button" class="close" data-dismiss="alert">×</button> <strong>Warning!</strong> Best check yo self, you're not looking too good. </div>
科博馆类数字展厅以最新的设计理念，最新的展示技术，将过去的历史、人物、物品等重现，通过数字展项互动以及最前沿数字内容观赏模式等，让参观者如同时光倒流，体验一段耐人寻味的科技文化之旅。
<a href="#" class="close" data-dismiss="alert">×</a>
采取基因疗法：一旦我们学会了如何将基因传递给特定疾病的特定细胞，我们就更有可能将不同的基因传递给不同的细胞以应对另一种疾病。这意味着不仅有机会获得新疗法，还有新商业模式的潜力。想象一家为整个行业提供基因传递能力的公司 - GaaS：基因交付即服务！
<button type="button" class="close" data-dismiss="alert">×</button>
MBSE不是（或不仅是）一个过程（《MBSE方法学调研综述》中对过程的定义是为实现特定目标所要完成的一系列任务，定义要做什么，但不规定每项任务怎么做），MBSE有自己的过程，但不取代现有过程，实施MBSE可以更高效率更低成本改善和提升现有过程；MBSE与传统系统工程的根本区别不在于是否建模，而在于是否是形式化建模，即建模过程和方法是否有规范标准，以保证跨领域模型间协同。
展望4月市场，从供应方面来看，目前北方地区严格执行环保限产政策，4月供给端整体产量环比有望减少。利润方面：目前普碳利润较高，品种钢利润一般，品种价差方面大幅缩窄，优转普现象增多，导致后期优线存在一定的补涨空间。需求方面：3月市场表现一般，主要由于春节过后价格持续拉涨，抑制下游市场采购需求，基本按需采购为主。但随着下游方面冬储库存的逐步消化，4月终端将迎来集中补库行为，市场交投方面有望更加活跃。整体来看，4月市场宏观面和基本面预计仍将继续向好发展，工业线材仍将继续上涨，普强优弱现象仍将持续，但价格持续上涨的同时也要谨防高位快速回落的风险。
烟草机械模型，模型制作比例1：25，模型制作以广告、展览展示为主要目的，以体现模型外观的目标，模型表现细节丰富，外表涂装采用2K金属烤漆，光洁镜面，效果出众。
<div class="alert alert-block"> <button type="button" class="close" data-dismiss="alert">×</button> <h4>Warning!</h4> Best check yo self, you're not... </div>
1.应用优势：撕点区保障一定量的购房客户，达到抢房效果。与此同时选房等候区安排在撕点区隔壁，“只闻其声，而不知其人”，以预热等候的购房客户。打单区设置在签约区后排，方便根据客户选择合适的付款方式后，及时打印认购书。相比标准型，开盘后购房客户不再需要思考付款条件，只需准备签约手续即可，让购房客户体验更佳。
<div class="alert alert-error"> ... </div>
<div class="alert alert-success"> ... </div>
<div class="alert alert-info"> ... </div>
智能设备联网是指生产现场的生产设备、产线和工艺装置、工业机器人、传感设备等数字化物理实体通过标准通信接口、协议转换等方式将数据上传至车间层、企业层管理系统或监控系统。能力等级如下：
<div class="progress"> <div class="bar" style="width: 60%;"></div> </div>
100年后，人们或许会发出“为什么美国没能最终超越西方文明？”的历史之问。
<div class="progress progress-striped"> <div class="bar" style="width: 20%;"></div> </div>
但到目前为止，联盟只是表示“球员不能在没有获得批准的设备的比赛中练习或比赛。”
<div class="progress progress-striped active"> <div class="bar" style="width: 40%;"></div> </div>
随着科技的发展，现代化数字展示已经广泛应用在生活中的各个角落，联系黑火石科技，做行业变革的领先者吧！
<div class="progress"> <div class="bar bar-success" style="width: 35%;"></div> <div class="bar bar-warning" style="width: 20%;"></div> <div class="bar bar-danger" style="width: 10%;"></div> </div>
机械模型的运用领域越来越宽广，自然会带动机械模型的发展，机械模型的进步和普及越来越快，人们对机械模型的需求也越来越迫切。很多时候我们都可以感受到这个时代的发展速度之快，这个时候模型显得无比重要了。机械为我们这个文明时代开启了另一个机器时代。打开了另一片天空。
<div class="progress progress-info"> <div class="bar" style="width: 20%"></div> </div> <div class="progress progress-success"> <div class="bar" style="width: 40%"></div> </div> <div class="progress progress-warning"> <div class="bar" style="width: 60%"></div> </div> <div class="progress progress-danger"> <div class="bar" style="width: 80%"></div> </div>
Sutherland和Garrity都表示，人口统计数据显示典型的美国建模师正在老龄化。
<div class="progress progress-info progress-striped"> <div class="bar" style="width: 20%"></div> </div> <div class="progress progress-success progress-striped"> <div class="bar" style="width: 40%"></div> </div> <div class="progress progress-warning progress-striped"> <div class="bar" style="width: 60%"></div> </div> <div class="progress progress-danger progress-striped"> <div class="bar" style="width: 80%"></div> </div>
约什解释说，几年后，他在生日聚会上与凯蒂团聚，并“尽可能地将我的阿迪达斯汗水和内衣拉出来，向她们展示她的几个朋友和我的阴茎周围的人群。”他说这件事使他感到“像个妓女”，“尴尬”和“可怜”。
“SWOT”是Strength、Weakness、Opportunity、Threat四个英文单词的缩写，这个模型主要是通过分析企业内部和外部存在的优势和劣势、机会和挑战来概括企业内外部研究结果的一种方法。
Abstract object styles for building various types of components (like blog comments, Tweets, etc) that feature a left- or right-aligned image alongside textual content.
在本研究中，我们概述了泵服务市场，并介绍了从提供基本服务到主要由基于IIoT技术驱动的高级服务的演变。该研究还捕捉了行业纵向的当前脉搏，并突出了当前的心态，对IIoT的接受度和投资计划。
<div class="media">
<a class="pull-left" href="#">
<img class="media-object" src="http://placehold.it/64x64">
</a>
<div class="media-body">
<h4 class="media-heading">Media heading</h4>
...
<!-- Nested media object -->
<div class="media">
...
</div>
</div>
</div>
如果我们不能抓住机遇实现更大的文明跨度，当工业文明的波峰渐渐离去之时，中国的未来与欧猪五国的命运能够不同的理由何在？甚至于能否避免中国重复从辉煌走向落后衰败的历史呢？
经常接触模型、图像的学生，一定深知3D和2D模型的区别之大，医学、动物学、地质学等学科的学生更是如此。立体的模型不仅能够更好地观察模型的结构和组织，也能更加直观地让学生了解手术、地质变化等活动的原理。
<ul class="media-list">
<li class="media">
<a class="pull-left" href="#">
<img class="media-object" src="http://placehold.it/64x64">
</a>
<div class="media-body">
<h4 class="media-heading">Media heading</h4>
...
<!-- Nested media object -->
<div class="media">
...
</div>
</div>
</li>
</ul>
电子沙盘与互动触摸屏结合，可以实现参观者自主参观的愿望。只要在触摸屏上点击相应的模块内容，就可以选择观看自己感兴趣的内容、有针对性地重播沙盘展示内容、阅读相关资料等。通过主动参与并获得的信息，当然会比被动接受所留下的印象更深。
<div class="well"> ... </div>
“图解规划”展示形式，GIS系统将数据按图层进行分类管理，以大数据可视化方式生动形象展示出来，使得普通参观者也可以快速看懂专业的城市规划；
<div class="well well-large"> ... </div>
<div class="well well-small"> ... </div>
传统的沙盘分为简易沙盘和永久性沙盘。简易沙盘是用泥沙和兵棋在场地上临时堆制的；永久性沙盘是用泡沫塑料板（或三合板）、石膏粉、纸浆等材料制作的，能长期保存。沙盘具有立体感强、形象直观、制作简便、经济实用等特点。
（1）让人耳目一新的特效展示，适用于科技馆及各种展示的大厅或入口处，烘托展示氛围。特效类型丰富，可根据不同的要求制作独特的主题效果。
<button class="close">×</button>
(二)设计手法精湛。整个展示过程不落俗套，既有在传统展板上的创新，又有基于充分体现现代高新科技成就上的互动;既有场面宏大的国内第一的大模型，又有制作精巧、竖向布局的数十个小模型;
<a class="close" href="#">×</a>
从2012年两人、2013年一人分别有中国人在海外获得ASEP认证（此三位已回国工作），2014年国内航空行业和大学有人获得ASEP认证、航天行业一人获得中国第一个CSEP认证开始，截止到2017年6月底，已有26位中国人（限在中国境内工作，不包括在海外工作的中国人和华人）获得INCOSE SEP认证（其中13人获ASEP初级认证，13人获CSEP中级认证），成为全球SEP认证增长率最快的地区。值得一提的是，2017年初，《中国商用飞机有限责任公司系统工程手册》出版，提出了中国商飞公司系统工程定义；与欧美已有近十种定制版的系统工程手册指南相比，中国也有了第一个行业/企业/组织定制版的系统工程手册，可喜可贺。
决定供应商力量的因素有：投入的差异、产业中供方和企业的转换成本、替代品投入的现状、供方的集中程度、批量大小对供方的重要性、与产业总购买量的相关成本、投入对成本和特色的影响、产业中企业前向整合相对于后向整合的威胁等。
class="pull-left"
.pull-left {
float: left;
}
（四）软硬件可重复利用，所需物料简单，不需要应用大量实物，可自由更换沙盘展示内容，无需重新制作沙盘，降低总体成本。
class="pull-right"
.pull-right {
float: right;
}
房地产销售中心是每个楼盘项目的标配，通常销售中心会经过精心设计，根据楼盘的定位不同，呈现不同的设计风格和配置。通常分为接待区，沙盘区，视频区，糕点区等等，精心设计的目的是为了让来的消费者能够感受到独特而正面的心理感受，通过精美的环境设计和布置，让消费者心理上能够有初步的品牌和项目认同，建立初步的信任感。物超所值是每个消费者消费期望，特别是销售期房，需要1至两年后才能交楼的情况下，不断满足和超越消费者心理预期是每个房地产公司在销售环节投入巨资的最大缘由。
class="muted"
.muted {
color: #999;
}
另外在国外数字化院校当中，它也是经典议题之一。下图是UCL Bartlett的AD所做的ClayFab作品，使用2D Differential Growth生成的路径来控制机械臂打印陶土
class="clearfix"
.clearfix {
*zoom: 1;
&:before,
&:after {
display: table;
content: "";
}
&:after {
clear: both;
}
}