84 lines
1.6 KiB
HTML
84 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" >
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>CodePen - Neuomorphism Trapped Animated Blob V1.0</title>
|
|
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css'><link rel="stylesheet" href="./style.css">
|
|
|
|
</head>
|
|
<body>
|
|
<!-- partial:index.partial.html -->
|
|
<div class="position">
|
|
<div class="outer-cab"><div class="inner-cab"><div class="split-a"><div class="split-b"></div></div></div></div>
|
|
<div class="outer-frame">
|
|
<div class="frame"> <label class="toggleBtn" for="check">
|
|
|
|
<div class="circle"></div>
|
|
<div class="grid">
|
|
|
|
<div class="box"></div>
|
|
<div class="box"></div>
|
|
<div class="box"></div>
|
|
<div class="box"></div>
|
|
<div class="box"></div>
|
|
<div class="box"></div>
|
|
|
|
<div class="box"></div>
|
|
<div class="box"></div>
|
|
<div class="box"></div>
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</label>
|
|
|
|
|
|
<input id="check" type="checkbox">
|
|
<div class="card">
|
|
<div class="blob"></div>
|
|
<!-- <div class="shelf"></div> -->
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- <label for="toggleA"></label>
|
|
<input type="checkbox" id="toggleA">
|
|
<div class="a">1</div>
|
|
|
|
<label for="toggleB"></label>
|
|
<input type="checkbox" id="toggleB">
|
|
<div class="b">2</div>
|
|
|
|
<label for="toggleC"></label>
|
|
<input type="checkbox" id="toggleC">
|
|
<div class="c">3</div> -->
|
|
|
|
<!-- <div class="prize"></div> -->
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- sm btns -->
|
|
<a href="https://twitter.com/cmlohr"><button class="twitter-btn"><i class="fab fa-twitter"></i></button></a>
|
|
|
|
<a href="https://www.linkedin.com/in/cmlohr/"><button class="in-btn"><i class="fab fa-linkedin-in"></i></button></a>
|
|
<!-- partial -->
|
|
|
|
</body>
|
|
</html>
|