886886
/
card-nav
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

up

master
wy 2 years ago
parent
b02f6d5b36
commit
9132280519
1 changed files with 308 additions and 181 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 127
      new-page.html

127
new-page.html
View File

@ -448,6 +448,133 @@
</div> </div>
</div> </div>
</div> </div>
<style>
.url-card .card-body {
padding: .938rem;
border-radius: 1em;
background: #E4EBF8;
box-shadow: .2rem .2rem .4rem #c8d0e7, -.2rem -.2rem .4rem #ffffff;
}
.url-card .url-img {
width: 40px;
height: 40px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
background: rgba(255, 255, 255, 0);
overflow: hidden;
}
.overflowClip_1 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block!important;
word-break: break-all;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.url-card .url-info {
overflow: hidden;
padding-right: 5px;
}
.text-sm {
font-size: .875rem!important;
}
</style>
<!-- my diy start-->
<div id="diy" class="section lb ">
<div class="container">
<div class="section-title text-left">
<h3 class="iconfont">&#xe60e;我的DIY</h3>
</div>
<div class="row io-mx-n2 ajax-list-body">
<div class="url-card col-12 col-sm-12 col-md-4 col-xl-5a col-xxl-6a mb-4">
<div class="url-body">
<a href="https://www.dafeiyang.cn/" target="_blank" class="no-c" title="致力于 职业规划和财务提升...">
<div class="card-body">
<div class="d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy loaded" src="https://docs.apachecn.org/assets/images/logos/logo_red.jpg" data-src="/assets/images/logos/logo_red.jpg" onerror="javascript:this.src='/assets\/images\/logos\/default.webp'" alt="片刻 职业规划" data-was-processed="true">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>片刻 职业规划</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">致力于 职业规划和财务提升...</p>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="url-card col-12 col-sm-12 col-md-4 col-xl-5a col-xxl-6a mb-4">
<div class="url-body default">
<a href="https://cs183.apachecn.org/#/" target="_blank" class="no-c" title="斯坦福 CS183 &amp; YC 创业课系列中文笔记📚">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy loaded" src="https://docs.apachecn.org/assets/images/编程语言/yc.png" data-src="https://docs.apachecn.org/assets/images/编程语言/yc.png" alt="斯坦福 CS183 &amp; YC 创业课系列中文笔记📚" data-was-processed="true">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>斯坦福 CS183 &amp; YC 创业课系列中文笔记📚</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">斯坦福 CS183 &amp; YC 创业课系列中文笔记📚</p>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="url-card col-12 col-sm-12 col-md-4 col-xl-5a col-xxl-6a mb-4">
<div class="url-body default">
<a href="https://gitcode.net/apachecn/awesome-indie-zh.git" target="_blank" class="no-c" title="独立开发/自由职业/远程工作资源列表📝">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy loaded" src="https://docs.apachecn.org/assets/images/编程语言/biz.png" data-src="https://docs.apachecn.org/assets/images/编程语言/biz.png" alt="独立开发/自由职业/远程工作资源列表📝" data-was-processed="true">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>独立开发/自由职业/远程工作资源列表📝</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">独立开发/自由职业/远程工作资源列表📝</p>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="url-card col-12 col-sm-12 col-md-4 col-xl-5a col-xxl-6a mb-4">
<div class="url-body default">
<a href="https://idw.apachecn.org" class="no-c " title="ApacheCN 独立开发/自由职业/远程工作/数字游民知识库📚">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy error" src="https://docs.apachecn.org/assets/images/logos/default.webp" data-src="https://docs.apachecn.org/assets/images/编程语言/sns.png" alt="ApacheCN 独立开发/自由职业/远程工作/数字游民知识库📚" data-was-processed="true">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>ApacheCN 独立开发/自由职业/远程工作/数字游民知识库📚</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">ApacheCN 独立开发/自由职业/远程工作/数字游民知识库📚</p>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- my diy end -->
<!-- 页脚 --> <!-- 页脚 -->
<div class="copyrights section "> <div class="copyrights section ">

Write Preview
Loading…
Cancel
Save