|
|
|
|
@ -6,39 +6,43 @@
@@ -6,39 +6,43 @@
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"> |
|
|
|
|
<style> |
|
|
|
|
html{background: url('himalaya_bg_small.jpeg') repeat-x top center;min-height: 722px;background-color: #224b6f;color: #444} |
|
|
|
|
body,*{margin: 0;padding: 0} |
|
|
|
|
strong{font-size: 120%;} |
|
|
|
|
body{max-width:68%;margin: 10px auto 30px auto;opacity: 0.8;padding: 10px;border-radius: 8px;line-height: 1.618;} |
|
|
|
|
h1{color: #FFF;margin: 1.6em 0} |
|
|
|
|
h2{margin-top: 1.8em;margin-bottom: 0.3em;color: darkblue;} |
|
|
|
|
li{margin-left: 1em} |
|
|
|
|
.mod{background-color: #FFF;padding: 10px;border-radius: 5px;box-shadow: 3px 4px #89c3f0;} |
|
|
|
|
.core{font-size: 120%;box-shadow: 3px 4px #3c9fe2;color: #333} |
|
|
|
|
.white{color: #FFF} |
|
|
|
|
.qr{border-radius: 5px;} |
|
|
|
|
.float-right{float: right;margin-left: 10px} |
|
|
|
|
.float-left{float: left;margin-right: 10px} |
|
|
|
|
.clearfix::after {display: block;content: "";clear: both;} |
|
|
|
|
.video{width: 56%} |
|
|
|
|
.media{width: 48%;} |
|
|
|
|
.icons svg{width: 80px;height: 80px;margin: 4px} |
|
|
|
|
@media only screen and (max-width: 768px) { |
|
|
|
|
body{max-width: 90%;} |
|
|
|
|
h1 small{display: block;} |
|
|
|
|
.video,.media{width: 100%;float: none;margin: 0} |
|
|
|
|
.icons svg{width: 60px;height: 60px;} |
|
|
|
|
html{background:url('himalaya_bg_small.jpeg') repeat-x top center;min-height:722px;background-color:#224b6f;color:#444} |
|
|
|
|
body,*{margin:0;padding:0} |
|
|
|
|
strong{font-size:120%} |
|
|
|
|
body{max-width:68%;margin:10px auto 30px auto;opacity:0.8;padding:10px;border-radius:8px;line-height:1.618} |
|
|
|
|
h1{color:#FFF;margin:1.6em 0} |
|
|
|
|
h2{margin-top:1.8em;margin-bottom:0.3em;color:darkblue} |
|
|
|
|
li{margin-left:1em} |
|
|
|
|
.head{float:left} |
|
|
|
|
.logo{background-color:#FFF;border-radius:6px} |
|
|
|
|
.mod{background-color:#FFF;padding:10px;border-radius:5px;box-shadow:3px 4px #89c3f0} |
|
|
|
|
.core{font-size:120%;box-shadow:3px 4px #3c9fe2;color:#333} |
|
|
|
|
.white{color:#FFF} |
|
|
|
|
.qr{border-radius:5px} |
|
|
|
|
.float-right{float:right;margin-left:10px} |
|
|
|
|
.float-left{float:left;margin-right:10px} |
|
|
|
|
.clearfix::after{display:block;content:"";clear:both} |
|
|
|
|
.video{width:56%} |
|
|
|
|
.media{width:48%} |
|
|
|
|
.icons svg{width:80px;height:80px;margin:4px} |
|
|
|
|
@media only screen and (max-width:768px){ |
|
|
|
|
body{max-width:90%} |
|
|
|
|
h1 small{display:block} |
|
|
|
|
.video,.media{width:100%;float:none;margin:0} |
|
|
|
|
.icons svg{width:60px;height:60px} |
|
|
|
|
.head{float:none;text-align:center} |
|
|
|
|
.logo{width:80px} |
|
|
|
|
} |
|
|
|
|
@media only screen and (max-width: 480px) { |
|
|
|
|
.mob-white{color: #FFF} |
|
|
|
|
.hidden-xs{display: none;} |
|
|
|
|
@media only screen and (max-width:480px){ |
|
|
|
|
.mob-white{color:#FFF} |
|
|
|
|
.hidden-xs{display:none} |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
</head> |
|
|
|
|
<body> |
|
|
|
|
|
|
|
|
|
<div class="head"> |
|
|
|
|
<img src="logo_jialuoma.png" alt="嘉洛马，一个2022年10月份成立，专注于图片、视频相关的PC网站、H5网站、Web App、社群运营、私域运营工具开发的小团队" width="120"> |
|
|
|
|
<img src="logo_jialuoma.png" alt="嘉洛马，一个2022年10月份成立，专注于图片、视频相关的PC网站、H5网站、Web App、社群运营、私域运营工具开发的小团队" width="120" class="logo"> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="mod core clearfix"> |
|
|
|
|
@ -141,7 +145,7 @@ li{margin-left: 1em}
@@ -141,7 +145,7 @@ li{margin-left: 1em}
|
|
|
|
|
<p class="white">合作也讲究缘分，在对的时间、对的地点，遇到对的你，也就水到渠成了。</p> |
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
|
(function() { |
|
|
|
|
(function(){ |
|
|
|
|
var phone = ['MTMx', 'Njg' ,'5NDY', '4NDc'].join(''); |
|
|
|
|
document.getElementById('phone').innerText = atob(phone); |
|
|
|
|
})(); |
|
|
|
|
|
