html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body ng-app="">
<h1>Created this for fun...</h1>
Show: <input type="checkbox" ng-model="bc">Business Card<br>
<small>Thanks:<input type="checkbox" ng-model="thanks"></small>Our Services<br>
<div ng-show="bc">
<h6>My Hidden business Card</h6>
<p>
<section>
<h3>BroFarOps Creations LLC<h3>
<h5>Professional Website Development</h5></h1>
<small>A division of BroFarOps Diversified Services</small><br>Somewhere City, USA
</p><div align="right">800-654-1234 </div><div align="left">  brofaropsseo@yandex.com:</div>
<small>more: <input type="checkbox" ng-model="thanks"></small>
</small>
</section>
</div>
<div ng-show="thanks">
<b>Thank You for visiting my business card</b><br>
<small>other ways you can connect with us : <input type="checkbox" ng-model="connect"></small>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
section {
text-align:center;
border:2px solid cyan;
height:215px;width:340px;
background-color:#aaaaaa;
}
table, th, tr, td { border:1px solid #000;
}
ol, li {
list-style-type:none;
}
Enter to Rename, Shift+Enter to Preview
js
js
1
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run