成品展示:
代码展示:
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>小鹅通</title>
<link rel="stylesheet" href="./demo01.css">
</head>
<body>
<div class="bg top">
<div class="wcontent">
<div class="box">
<ul>
<li><img src="./images/xiaoetongloge.png"></li>
<li>首页</li>
<li>解决方案</li>
<li>产品服务</li>
<li>价格</li>
<li>活动</li>
<li>案例</li>
</ul>
<div class="lb">
<div class="lb1">我是学员</div>
<div class="lb2">商家登录</div>
<div class="lb3">免费试用</div>
</div>
</div>
</div>
</div>
<div class="bg nengli">
<div class="content">
<div class="nengli_title">我们的产品能力</div>
<div class="pic"><img src="./images/nengli.webp"></div>
<div class="nengli_lower">
<div class="nengli_lower1">
<h1 class="zhishi">知识店铺</h1>
<p>1分钟搭建您的知识商城
助力高效知识变现</p>
<p class="mianfei">免费试用</p>
</div>
<div class="nengli_lower2">
<h1>私域直播</h1>
<p>企业级专属私域直播平台
实现私域流量高效运营</p>
<p class="mianfei">免费试用</p>
</div>
<div class="nengli_lower3">
<h1>企微SCRM</h1>
<p>企业微信私域运营神器
数据洞察驱动业绩增长</p>
<p class="mianfei">免费试用</p>
</div>
</div>
</div>
</div>
<div class="bg fangfa">
<div class="content">
<div class="fangfa_title">我们的场景解决方案</div>
<ul class="fangfa_nav">
<li class="fangfa_fst">公域获客</li>
<li>私域运营</li>
<li>直播带货</li>
<li>内容交付</li>
<li>数字化运营</li>
</ul>
<div class="fangfa_main">
<div class="fangfa_left">
<img src="./images/fangfa.webp">
</div>
<div class="fangfa_right">
<h1>公域获客</h1>
<h2>多渠道获客,沉淀私域流量池</h2>
<p>打通抖音/快手/小红书/视频号/公众号,支持直播间/短视频/账号主页等多种课程挂载方式,快速开启知识变现</p>
<p>多种公域转私域工具,支持添加企微/引流加群加人/渠道活码/分配引擎等工具,客户可批量导流到私域流量池</p>
<p>丰富的广告获客能力,落地页支持表单/支付类/0元领取/添加企微等多场景,提升广告ROI</p>
<div class="btl">
<div class="butl1">免费试用</div>
<div class="butl2">了解详细</div>
</div>
</div>
</div>
</div>
</div>
<div class="bg fangfa2">
<div class="content">
<h1 class="jiejue">我们的行业解决方案</h1>
<div class="fangfa2_content">
<div class="fangfa2_nav">
<div class="fangfa2_nav-item active">
<i>📱</i>
<span>新零售门店</span>
</div>
<div class="fangfa2_nav-item">
<i>🎓</i>
<span>职业培训</span>
</div>
<div class="fangfa2_nav-item">
<i>💰</i>
<span>知识付费</span>
</div>
<div class="fangfa2_nav-item">
<i>📺</i>
<span>实业直播</span>
</div>
</div>
<div class="fangfa2_main-content">
<h2 class="fangfa2_solution-title">知识付费行业解决方案</h2>
<p class="fangfa2_solution-desc">提供内容变现能力,助力品牌IP打造</p>
<div class="fangfa2_features">
<div class="fangfa2_feature-item">
<i>🏪</i>
<div>直播带货</div>
</div>
<div class="fangfa2_feature-item">
<i>📊</i>
<div>在线城域</div>
</div>
<div class="fangfa2_feature-item">
<i>🔑</i>
<div>门店管理</div>
</div>
<div class="fangfa2_feature-item">
<i>📱</i>
<div>门店转销</div>
</div>
<div class="fangfa2_feature-item">
<i>📈</i>
<div>直播红包</div>
</div>
<div class="fangfa2_feature-item">
<i>🎁</i>
<div>直播返利</div>
</div>
<div class="fangfa2_feature-item">
<i>👥</i>
<div>邀请达人秀</div>
</div>
<div class="fangfa2_feature-item">
<i>⏰</i>
<div>同步约束</div>
</div>
</div>
<div class="fangfa2_buttons">
<button class="fangfa2_btn">免费试用</button>
<button class="fangfa2_btn-outline">了解详情</button>
</div>
</div>
<div class="fangfa2_cases">
<h3 class="fangfa2_case-title">行业案例</h3>
<div class="fangfa2_case-grid">
<div class="fangfa2_case-item">
<img src="./images/log1.webp">
</div>
<div class="fangfa2_case-item">
<img src="./images/log2.webp">
</div>
<div class="fangfa2_case-item">
<img src="./images/log3.webp">
</div>
<div class="fangfa2_case-item">
<img src="./images/log4.webp">
</div>
</div>
</div>
</div>
</div></div>
</div>
<div class="bg youshi">
<div class="content">
<h1 class="youshi_title">我们的技术优势</h1>
<div class="youshi_main">
<div class="youshi_p1"><h1>超稳定</h1>
<p>多云负载均衡/全球CDN加速</p>
</div>
<div class="youshi_p2">
<h1>高并发</h1>
<p>支持多用户同时在线</p>
</div>
<div class="youshi_p3">
<h1>超流畅</h1>
<p>观看端自动探测并自动跨云线路切换</p>
</div>
</div>
</div>
</div>
<div class="bg fuwu">
<div class="wcontent">
<h1 class="fuwu_title">我们的运营服务</h1>
<div class="fuwu_main">
<div class="fuwu_p1">
<img src="./images/fuwu1.png" >
<h1>社群服务</h1>
<p>标杆商家分享,同行商家交流,总比别人快一步</p>
</div>
<div class="fuwu_p2">
<img src="./images/fuwu2.png" >
<h1>管家服务</h1>
<p>客户经理、服务管家、多角色在群,服务全面包围</p>
</div>
<div class="fuwu_p3">
<img src="./images/fuwu3.png" >
<h1>大客服务</h1>
<p>设置夜班服务管家/假期值班管家,24小时在线服务,服务从不掉线</p>
</div>
<div class="fuwu_p4">
<img src="./images/fuwu4.png" >
<h1>运维服务</h1>
<p>需求24小时反馈,需求处理率大于90% ,产品经理1v1回复</p>
</div>
</div>
</div>
</div>
<div class="bg hangye">
<div class="wcontent">
<div class="hangye_title">
<h1>他们都在用小鹅通</h1>
<p>(*排名不分先后顺序)</p>
</div>
<div class="hangye_mid">
<div class="hangye_mid1">
<div class="mid1_pic"><img src="./images/hangye1.webp" ></div>
<div class="mid1_text">小熊科学学习</div>
</div>
<div class="hangye_mid2">
<div class="mid2_pic"><img src="./images/hangye2.webp" ></div>
<div class="mid2_text">刘润进化的力量</div>
</div>
<div class="hangye_mid3">
<div class="mid3_pic"><img src="./images/hangye3.webp" ></div>
<div class="mid3_text">佰君易直播间</div>
</div>
</div>
<div class="hangye_lower">
<div class="hangye_lower1"><img src="./images/lower1.png"></div>
<div class="hangye_lower1"><img src="./images/lower2.png"></div>
<div class="hangye_lower1"><img src="./images/lower3.png"></div>
<div class="hangye_lower1"><img src="./images/lower4.png"></div>
<div class="hangye_lower1"><img src="./images/lower5.png"></div>
<div class="hangye_lower1"><img src="./images/lower6.png"></div>
</div>
</div>
</div>
<div class="bg lower">
<div class="wcontent">
<div class="lower_title"><h1>立即扫码咨询,领取您的专属解决方案</h1></div>
<div class="lower_content">
<div class="lower_mid">
<div class="lower_left"><img src="./images/erweima.webp"></div>
<div class="lower_right">
<h1>扫码添加客户经理</h1>
<p>或者您也可以先</p>
<div class="lower_btn">免费试用</div>
</div>
</div>
</div>
</div>
</div>
<div class="bg banquan">
<div class="content">
<footer class="footer">
<div class="footer-content">
<div class="footer-section">
<h3>场景</h3>
<ul>
<li><a href="#">全域获客</a></li>
<li><a href="#">私域运营</a></li>
<li><a href="#">直播带货</a></li>
<li><a href="#">内容交付</a></li>
<li><a href="#">数据化运营</a></li>
<li><a href="#">企业内训</a></li>
</ul>
</div>
<div class="footer-section">
<h3>行业</h3>
<ul>
<li><a href="#">零售电商</a></li>
<li><a href="#">服装鞋帽</a></li>
<li><a href="#">知识付费</a></li>
<li><a href="#">企业营销</a></li>
<li><a href="#">美业直营</a></li>
<li><a href="#">企业微博</a></li>
</ul>
</div>
<div class="footer-section">
<h3>产品</h3>
<ul>
<li><a href="#">知识达人</a></li>
<li><a href="#">私域营销</a></li>
<li><a href="#">企业SCRM</a></li>
<li><a href="#">企业号</a></li>
<li><a href="#">智能投放</a></li>
<li><a href="#">课程库</a></li>
<li><a href="#">小鹅云</a></li>
<li><a href="#">营销合作</a></li>
</ul>
</div>
<div class="footer-section">
<h3>服务</h3>
<ul>
<li><a href="#">小鹅微信社区</a></li>
<li><a href="#">本地计算</a></li>
<li><a href="#">数据监测</a></li>
<li><a href="#">小鹅微博账号</a></li>
<li><a href="#">对话执行</a></li>
<li><a href="#">帮助中心</a></li>
</ul>
</div>
<div class="footer-section">
<h3>关于我们</h3>
<ul>
<li><a href="#">公司简介</a></li>
<li><a href="#">加入我们</a></li>
<li><a href="#">媒体报道</a></li>
<li><a href="#">更多资讯</a></li>
<li><a href="#">联系方式</a></li>
</ul>
</div>
<div class="footer-section">
<h3>媒体报道</h3>
<ul>
<li><a href="#">DK总融资1.2亿元,小鹅软文在哪里?</a></li>
<li><a href="#">知识付费用户达5.27亿,内容创业的下一个风口...</a></li>
<li><a href="#">知识工作者的终极梦想,可能就是有一个"智能..."</a></li>
<li><a href="#">小鹅云:让知识有价值</a></li>
<li><a href="#">小鹅软件公司将完成股权 CEO3年中国崛起...</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<div class="address-list">
<p>深圳总部:深圳市南山区安南街道科技园科技中路1号7楼</p>
<p>北京地址:北京市南区区朝外大街乙座23层2018-2307</p>
<p>上海地址:中国(上海)自由贸易试验区世纪大道1500号1501 A座</p>
<p>
商务合作:support@xiaoe-tech.com
渠道合作:partner@xiaoe-tech.com
内容合作:xiaoe@xiaoe-tech.com
</p>
<p>
互联网信息服务不良信息举报电话:0755-26409534
互联网不良信息举报邮箱:xiaoeck@xiaoe-tech.com
安全漏洞反馈邮箱:security@xiaoe-tech.com
</p>
</div>
<div class="links-row">
<a href="#">关于我们</a>
<a href="#">知识产权政策</a>
<a href="#">知识产权举报</a>
<a href="#">小鹅服务条款</a>
<a href="#">隐私政策工具</a>
<a href="#">小鹅服务</a>
<a href="#">小鹅服务社区</a>
<a href="#">小鹅服务学院</a>
<a href="#">小鹅服务方案</a>
</div>
<div class="certification-icons">
<p><img src="./images/loge1.png" >粤公网安备</p>
<p><img src="./images/loge2.png" >工商网站</p>
</div>
<p>Copyright © 2013-2024 深圳小鹅信息技术有限公司 All Rights Reserved.</p>
<p>互联网药品信息服务资格证书(粤)-经营性-2020-0589 医疗器械网络交易服务第三方平台备案(粤)网械平台备字(2021)第00001号</p>
</div>
</footer>
</div>
</body>
</html>
css样式:
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
html,body{
width: 100%;
height: 100%;
}
.bg{
width: 100%;
display: flex;
justify-content: center;
}
.wcontent{
width: 1800px;
}
.content{
width: 1400px;
}
.top .wcontent{
width: 100%;
height: 600px;
background-image: url(./images/shouye.png);
background-size: 100% 600px;
background-repeat: no-repeat;
}
.nengli .content{
height: 1126px;
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
background-color: whitesmoke;
}
.fangfa .content{
height: 1000px;
width: 100%;
background-color: antiquewhite;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
background-color: azure;
}
.fangfa2 .content{
height: 830px;
width: 100%;
background-image: url(./images/m0w7ssdh01vr.png);
background-position: 100% 830px;
}
.fangfa2_content{
width: 100%;
display: flex;
justify-content: space-evenly;
align-items: center;
}
.youshi .content{
height: 745px;
width: 100%;
background-color: whitesmoke;
}
.fuwu .wcontent{
height: 830px;
width: 100%;
background-color:whitesmoke;
}
.hangye .wcontent{
height: 1200px;
width: 100%;
background-image: url(./images/lower.png);
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
background-size: 1900px 1300px;
}
.lower .wcontent{
height: 300px;
width: 100%;
background-image: url(./images/beijing.png);
}
.banquan .content{
height: 745px;
width: 100%;
background-color: #1a1f2e;
color: #fff;
}
.box{
width: 100%;
height: 75px;
display: flex;
justify-content:space-between;
}
.lb{
width: 500px;
height: 75px;
display: flex;
justify-content: space-evenly;
align-items: center;
}
ul{
width: 800px;
height: 75px;
display: flex;
justify-content: space-between;
align-items: center;
list-style: none;
}
li{
cursor: pointer;
}
li:hover{
font-weight: 800;
}
.box li img{
width: 120px;
height: 30px;
}
.lb div:nth-of-type(1):hover{
cursor: pointer;
color: blue;
font-weight: 600;
}
.lb div:nth-of-type(2),
.lb div:nth-of-type(3){
cursor: pointer;
color:blue;
font-weight: 600;
border:solid 1px blue;
background-color:white ;
border-radius: 5px;
font-weight: 500;
font-size: 16px;
transition: all 0.2s;
width: 80px;
height: 40px;
text-align: center;
line-height: 40px;
}
.lb div:nth-of-type(2):hover,
.lb div:nth-of-type(3){
color: aliceblue;
background-color: blue;
border: solid 1px blue;
transition: all 0.2s;
}
.lb div:nth-of-type(3):hover{
color: blue;
background-color: aliceblue;
transition: all 0.2s
}
.pic img{
width: 1300px;
height: 600px;
}
.nengli_title{
font-size: 35px;
font-weight: 600;
}
.nengli_lower{
display: flex;
justify-content: space-around;
width: 1600px;
}
.nengli_lower1{
width: 500px;
height: 250px;
display: flex;
flex-direction: column;
justify-content: space-around;
background-color: rgb(255, 255, 255);
border-radius: 30px;
border-top: 10px solid blue;
padding: 30px;
}
.nengli_lower2{
width: 500px;
height: 250px;
display: flex;
flex-direction: column;
justify-content: space-around;
background-color: rgb(255, 255, 255);
border-radius: 30px;
padding: 30px;
}
.nengli_lower3{
width: 500px;
height: 250px;
display: flex;
flex-direction: column;
justify-content: space-around;
background-color: rgb(255, 255, 255);
border-radius: 30px;
padding: 30px;
}
.mianfei{
color: rgb(15, 125, 216);
}
.zhishi{
color: rgb(11, 60, 167);
}
.pic img{
border-radius: 20px;
overflow: hidden;
}
.fangfa_title{
font-weight: 600;
font-size: 35px;
}
.fangfa_nav{
width: 850px;
height: 50px;
background-color: white;
border-radius: 25px;
display: flex;
justify-content: space-between;
list-style: none;
}
.fangfa_nav li{
text-align: center;
line-height: 50px;
width: 130px;
height: 50px;
}
.fangfa_nav li.fst{
color: aliceblue;
background-color: blue;
border-radius: 25px;
}
.fangfa_main{
width: 1400px;
height: 600px;
background-color: white;
border-radius: 25px;
overflow: hidden;
display: flex;
}
.fangfa_left,.fangfa_left img{
width: 700px;
height: 600px;
}
.fangfa_right
{
width: 700px;
height: 600px;
display: flex;
flex-direction: column;
justify-content:space-around;
padding: 80px;
}
.fangfa_right h1{
font-size: 28px;
}
.fangfa_right h2{
font-size: 20px;
font-weight: 400;
}
.fangfa_right p{
color:gray;
background-image: url(./imges/p2.png);
background-repeat: no-repeat;
background-position: 0 center;
padding-left: 30px;
}
.btl{
display: flex;
gap: 30px;
}
.btl div {
width: 100px;
height: 38px;
border: solid 1px blue;
border-radius: 5px;
text-align: center;
line-height: 38px;
cursor: pointer;
color: blue;
}
.btl div:nth-of-type(1){
background-color: blue;
color: azure;
}
.btl div:nth-of-type(1):hover{
background-color: rgb(86, 86, 248);
border: solid 1px rgb(86, 86, 248);
}
.btl div:nth-of-type(2):hover{
color: azure;
background-color: blue;
}
.jiejue {
text-align: center;
margin-bottom: 40px;
font-size: 40px;
padding: 30px;
color: #fff;
}
.fangfa2_content {
display: flex;
gap: 30px;
}
.fangfa2_nav {
width: 210px;
background: rgb(35, 37, 48);
padding: 20px;
border-radius: 8px;
height: 530px;
}
.fangfa2_nav-item {
display: flex;
align-items: center;
padding: 12px;
margin-bottom: 10px;
cursor: pointer;
border-radius: 4px;
transition: background-color 0.3s;
color: #fff;
}
.fangfa2_nav-item.active {
background: #1890ff;
}
.fangfa2_nav-item:hover:not(.active) {
background: rgba(255, 255, 255, 0.1);
}
.fangfa2_nav-item i {
margin-right: 10px;
width: 20px;
text-align: center;
}
.fangfa2_main-content {
background: rgb(29, 29, 37);
padding: 20px;
border-radius: 8px;
width: 950px;
height: 519px;
}
.fangfa2_solution-title {
font-size: 30px;
margin-bottom: 10px;
color: #fff;
}
.fangfa2_solution-desc {
color: #aaa;
margin-bottom: 30px;
font-size: 20px;
}
.fangfa2_features {
display:grid;
grid-template-columns: repeat(4, 1fr);
gap: 15px;
margin-bottom: 20px;
}
.fangfa2_feature-item {
background: rgba(255, 255, 255, 0.05);
padding: 15px;
border-radius: 6px;
text-align: center;
cursor: pointer;
transition: transform 0.3s;
color: #fff;
}
.fangfa2_feature-item:hover {
transform: translateY(-5px);
}
.fangfa2_feature-item i {
font-size: 24px;
margin-bottom: 10px;
}
.fangfa2_cases {
width: 358px;
background: rgb(27, 26, 34);
padding: 20px;
border-radius: 8px;
height: 531px;
display: flex;
flex-direction: column;
justify-content: center;
}
.fangfa2_case-title {
margin-bottom: 20px;
font-size: 16px;
color: #fff;
font-weight: 500;
font-size: 20px;
}
.fangfa2_case-item img{
width: 94px;
height: 94px;
}
.fangfa2_case-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px;
}
.fangfa2_case-item {
background: #fff;
border-radius: 6px;
height: 94px;
display: flex;
align-items: center;
justify-content: center;
}
.fangfa2_buttons {
margin-top: 30px;
display: flex;
gap: 15px;
}
.fangfa2_btn {
padding: 10px 25px;
border-radius: 4px;
border: none;
cursor: pointer;
font-size: 14px;
transition: opacity 0.3s;
}
.fangfa2_btn:hover {
opacity: 0.8;
}
.fangfa2_btn {
background: #1890ff;
color: #fff;
}
.fangfa2_btn-outline {
background: transparent;
border: 1px solid #1890ff;
color: #1890ff;
width: 106px;
}
.youshi_title{
text-align: center;
padding: 30px;
}
.youshi_p1{
width: 670px;
height: 426px;
background-image: url(./images/youshi1.webp);
text-align: center;
padding: 150px;
color: #fff;
font-size: 20px;
font-weight: 500;
}
.youshi_p2{
width: 670px;
height: 426px;
background-image: url(./images/youshi2.webp);
text-align: center;
padding: 150px;
color: #fff;
font-size: 20px;
font-weight: 500;
}
.youshi_p3{
width: 670px;
height: 426px;
background-image: url(./images/youshi3.webp);
text-align: center;
padding: 150px;
color: #fff;
font-size: 20px;
font-weight: 500;
}
.youshi_main{
width: 100%;
height: 500px;
display: flex;
justify-content: space-evenly;
}
.fuwu_title{
text-align: center;
padding: 50px;
}
.fuwu_p1{
width: 460px;
height: 242px;
}
.fuwu_p2{
width: 460px;
height: 242px;
}
.fuwu_p3{
width: 460px;
height: 242px;
}
.fuwu_p4{
width: 460px;
height: 242px;
}
.fuwu_main{
width: 100%;
height: 100%;
display: flex;
justify-content: space-evenly;
align-items: center;
}
.fuwu_p1 img{
width: 460px;
height: 242px;
}
.fuwu_p2 img{
width: 460px;
height: 242px;
}
.fuwu_p3 img{
width: 460px;
height: 242px;
}
.fuwu_p4 img{
width: 460px;
height: 242px;
}
.hangye_title{
width: 100%;
height: 20%;
}
.hangye_mid{
width: 80%;
height: 40%;
display: flex;
justify-content: space-evenly;
align-items: center;
}
.hangye_lower{
width: 80%;
height: 40%;
}
.hangye_title h1,.hangye_title p{
text-align: center;
padding: 40px;
font-weight: 500;
}
.hangye_mid1,.hangye_mid2,.hangye_mid3{
width: 350px;
height: 350px;
}
.mid1_pic,.mid2_pic,.mid3_pic{
width: 100%;
height: 70%;
}
.mid1_text,.mid2_text,.mid3_text{
width: 100%;
height: 30%;
font-size: 25px;
font-weight: 500;
padding: 20px;
background-color: rgb(204, 204, 204);
}
.mid1_pic img,.mid2_pic img,.mid3_pic img{
width: 350px;
height: 245px;
}
.hangye_lower{
display: flex;
justify-content: space-evenly;
align-items: center;
}
.hangye_lower1{
width: 200px;
height: 200px;
}
.hangye_lower1 img{
width: 200px;
height: 200px;
}
.lower_title{
text-align: center;
padding: 20px;
color: #fff;
}
.lower_mid{
display: flex;
justify-content: center;
}
.lower_left{
width: 120px;
height: 120px;
}
.lower_left img{
width: 120px;
height: 120px;
}
.lower_right{
width: 300px;
height: 200px;
display: flex;
flex-direction: column;
justify-content: space-around;
padding-left: 20px;
}
.lower_btn{
width: 180px;
height: 60px;
border-radius: 6px;
text-align: center;
line-height: 60px;
color: #1890ff;
cursor: pointer;
background-color: #fff;
}
.lower_right h1,.lower_right p{
color: #fff;
}
.footer {
width: 100%;
padding: 40px 0;
background-color: #1a1f2e;
}
.footer-content {
margin: 0 auto;
display: grid;
grid-template-columns: repeat(6, 1fr);
width: 1000px;
}
.footer-section{
height: 500px;
width: 50px;
}
.footer-section h3 {
font-size: 16px;
margin-bottom: 20px;
color: #fff;
}
.footer-section ul {
list-style: none;
display: flex;
flex-direction: column;
width: 200px;
}
.footer-section ul li {
margin-bottom: 10px;
}
.footer-section ul li a {
color: #8b8e99;
text-decoration: none;
font-size: 14px;
}
.footer-section ul li a:hover {
color: #fff;
}
.footer-bottom {
margin-top: 40px;
padding: 20px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
text-align: center;
color: #8b8e99;
font-size: 12px;
}
.address-list {
margin-bottom: 20px;
color: #8b8e99;
font-size: 12px;
line-height: 1.8;
}
.links-row {
display: flex;
justify-content: center;
gap: 20px;
margin-bottom: 20px;
}
.links-row a {
color: #8b8e99;
text-decoration: none;
font-size: 12px;
}
.certification-icons {
display: flex;
justify-content: center;
gap: 20px;
}