-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtemplate_new.html
19 lines (18 loc) · 1.63 KB
/
template_new.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div id="popup-container" style="background-color:rgb(216,103,96);border-radius: 50%; width:400px;height:400px;text-align:center;justify-content: center;flex-direction: column;display : flex;box-shadow:inset 0px 0px 0px 10px rgb(216,103,96) ,inset 0px 0px 0px 12px white;">
<div id="stars" display="inline-block;">
<span key="star2" class="fa fa-star" style="font-size:20px;margin:0px 5px;color:rgb(187,67,60)"></span>
<span key="star1" class="fa fa-star" style="font-size:40px;transform:translateY(-10px);margin:0px 5px;color:rgb(187,67,60)"></span>
<span key="star3" class="fa fa-star" style="font-size:20px;margin:0px 5px;color:rgb(187,67,60)"></span>
</div>
<p id="popup-heading" style="margin:20px 0px;color:white;font-weight:700;" key="heading" draggable="true">Bakery</p>
<input id="popup-input" key="input" type="text" placeholder="Email :" style="outline-width: 0;width: 200px;margin: 20px auto;height:40px;border:1px solid transparent;border-radius: 10px;padding:10px;" draggable="true">
<button id="popup-submit" key="submit" style="border:none;width: 200px;margin: 0px auto;height:40px;border:1px solid transparent;;border-radius: 10px;padding:10px;background-color:black;color:white;font-weight:700;" draggable="true">Subscribe Me</button>
<p id="popup-info" key="info" draggable="true">Do Subscribe, to get latest updates</p>
</div>
</body>
</html>