|
|
|
@ -11,6 +11,24 @@
|
|
|
|
|
<body>
|
|
|
|
|
<section>
|
|
|
|
|
|
|
|
|
|
<div class="card">
|
|
|
|
|
<p id="up" class="up">'o ccafè</p>
|
|
|
|
|
<p id="down" class="down">the coffee</p>
|
|
|
|
|
<img src='./images/coffee.PNG'>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="card">
|
|
|
|
|
<p id="up" class="up">'o ccafè</p>
|
|
|
|
|
<p id="down" class="down">the coffee</p>
|
|
|
|
|
<img src='./images/coffee.PNG'>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="card">
|
|
|
|
|
<p id="up" class="up">'o ccafè</p>
|
|
|
|
|
<p id="down" class="down">the coffee</p>
|
|
|
|
|
<img src='./images/coffee.PNG'>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="card">
|
|
|
|
|
<p id="up" class="up">'o ccafè</p>
|
|
|
|
|
<p id="down" class="down">the coffee</p>
|
|
|
|
@ -19,8 +37,7 @@
|
|
|
|
|
</section>
|
|
|
|
|
</body>
|
|
|
|
|
<script>
|
|
|
|
|
new CircleType(document.getElementById("#up")).radius(320);
|
|
|
|
|
new CircleType(document.getElementById("#down")).dir(-1).radius(320);
|
|
|
|
|
new CircleType(document.getElementById("up")).radius(380);
|
|
|
|
|
new CircleType(document.getElementById("down")).dir(-1).radius(380);
|
|
|
|
|
</script>
|
|
|
|
|
</html>
|
|
|
|
|
|
|
|
|
|
</html>
|