-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtest.html
66 lines (60 loc) · 7.94 KB
/
test.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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<html>
<head>
<style>
#container{
width :250px;
height:250px;
border:1px solid red;
position: relative;
/* position:absolute;
top :50%;
left: 50%;
transform: translate(-50%,-50%) */
}
</style>
</head>
<body>
<div id="container">
<!-- <img id="logo" key="logo" src="https://img.icons8.com/clouds/2x/star.png" style="width: 60px; height: 60px; margin: 0px auto; position: absolute;left: 179px; top: 182px;" class="ui-draggable ui-draggable-handle">
<p id="popup-heading" key="heading" draggable="true" class="ui-draggable ui-draggable-handle" style="position: absolute; left: 90px; top: 188px;">Bakery</p>
<input id="popup-input" key="input" type="text" style="outline-width: 0px; position: absolute; left: 151px; top: 269px;" draggable="true" class="ui-draggable ui-draggable-handle">
<button id="popup-submit" key="submit" style="border: none; position: absolute;left:150px;top:312px" draggable="true" class="ui-draggable ui-draggable-handle">Subscribe Me</button>
<p id="popup-info" key="info" draggable="true" class="ui-draggable ui-draggable-handle" style="position: absolute;">Do Subscribe, to get latest updates</p> -->
<!-- <img id="logo" key="logo" src="https://img.icons8.com/clouds/2x/star.png" style="width: 60px; height: 60px; margin: 0px auto; position: absolute; left: 175px; top: 135px;" class="ui-draggable ui-draggable-handle">
<p id="popup-heading" key="heading" draggable="true" class="ui-draggable ui-draggable-handle" style="position: absolute; left: 175px; top: 165px;">Bakery</p>
<input id="popup-input" key="input" type="text" style="outline-width: 0px; width: 200px; margin: 0px auto; height: 40px; position: absolute; left: 175px; top: 190px;" draggable="true" class="ui-draggable ui-draggable-handle">
<button id="popup-submit" key="submit" style="border: none; width: 200px; margin: 0px auto; height: 40px; position: absolute; left: 175px; top: 210px;" draggable="true" class="ui-draggable ui-draggable-handle">Subscribe Me</button>
<p id="popup-info" key="info" draggable="true" class="ui-draggable ui-draggable-handle" style="position: absolute; left: 175px; top: 230px;">Do Subscribe, to get latest updates</p> -->
<!-- <img id="logo" key="logo" src="https://img.icons8.com/clouds/2x/star.png" style="width: 60px; height: 60px; margin: 0px auto; position: relative;" class="ui-draggable ui-draggable-handle">
<p id="popup-heading" key="heading" draggable="true" class="ui-draggable ui-draggable-handle" style="position: relative;">Bakery</p>
<input id="popup-input" key="input" type="text" style="outline-width: 0px; width: 200px; margin: 0px auto; height: 40px; position: relative;" draggable="true" class="ui-draggable ui-draggable-handle">
<button id="popup-submit" key="submit" style="border: none; width: 200px; margin: 0px auto; height: 40px; position: relative;" draggable="true" class="ui-draggable ui-draggable-handle">Subscribe Me</button>
<p id="popup-info" key="info" draggable="true" class="ui-draggable ui-draggable-handle" style="position: relative;">Do Subscribe, to get latest updates</p>
-->
<!-- <img id="logo" key="logo" src="https://img.icons8.com/clouds/2x/star.png" style="width: 60px; height: 60px; margin: 0px auto; position: relative; left: -47px; top: 26px;" class="ui-draggable ui-draggable-handle">
<p id="popup-heading" key="heading" draggable="true" class="ui-draggable ui-draggable-handle" style="position: relative; left: 31px; top: -29px;">Bakery</p>
<input id="popup-input" key="input" type="text" style="outline-width: 0px; width: 200px; margin: 0px auto; height: 40px; position: relative; left: 3px; top: -20px;" draggable="true" class="ui-draggable ui-draggable-handle">
<button id="popup-submit" key="submit" style="border: none; width: 200px; margin: 0px auto; height: 40px; position: relative; left: -2px; top: 2px;" draggable="true" class="ui-draggable ui-draggable-handle">Subscribe Me</button>
<p id="popup-info" key="info" draggable="true" class="ui-draggable ui-draggable-handle" style="position: relative; left: -1px; top: -77px;">Do Subscribe, to get latest updates</p> -->
<!-- <img id="logo" key="logo" src="https://img.icons8.com/clouds/2x/star.png" style="width: 60px; height: 60px; margin: 0px auto; position: relative;" class="ui-draggable ui-draggable-handle">
<p id="popup-heading" key="heading" draggable="true" class="ui-draggable ui-draggable-handle" style="position: relative;">Bakery</p>
<input id="popup-input" key="input" type="text" style="outline-width: 0px; width: 200px; margin: 0px auto; height: 40px; position: relative;" draggable="true" class="ui-draggable ui-draggable-handle">
<button id="popup-submit" key="submit" style="border: none; width: 200px; margin: 0px auto; height: 40px; position: relative;" draggable="true" class="ui-draggable ui-draggable-handle">Subscribe Me</button>
<p id="popup-info" key="info" draggable="true" class="ui-draggable ui-draggable-handle" style="position: relative;">Do Subscribe, to get latest updates</p> -->
<!-- <div id="popup-container" style="background-color:#7868e6;border-radius: 50%; width:250px;height:250px;justify-content: center;flex-direction: column;display : flex;box-shadow:inset 0px 0px 0px 10px #7868e6 ,inset 0px 0px 0px 12px white;">
<img id="logo" key="logo" src="https://img.icons8.com/clouds/2x/star.png" style="width: 60px; height: 60px; margin: 0px auto; position: relative;" class="ui-draggable ui-draggable-handle">
<p id="popup-heading" key="heading" draggable="true" class="ui-draggable ui-draggable-handle" style="position: relative;">Bakery</p>
<input id="popup-input" key="input" type="text" style="outline-width: 0px; width: 200px; margin: 0px auto; height: 40px; position: relative;" draggable="true" class="ui-draggable ui-draggable-handle">
<button id="popup-submit" key="submit" style="border: none; width: 200px; margin: 0px auto; height: 40px; position: relative;" draggable="true" class="ui-draggable ui-draggable-handle">Subscribe Me</button>
<p id="popup-info" key="info" draggable="true" class="ui-draggable ui-draggable-handle" style="position: relative;">Do Subscribe, to get latest updates</p>
</div> -->
<div id="popup-container" style="background-color:#7868e6;border-radius: 50%; width:250px;height:250px;justify-content: center;flex-direction: column;display : flex;box-shadow:inset 0px 0px 0px 10px #7868e6 ,inset 0px 0px 0px 12px white;text-align: center">
<img id="logo" key="logo" src="https://img.icons8.com/clouds/2x/star.png" style="width: 60px; height: 60px; margin: 0px auto; position: relative; left: -36px; top: 29px;" class="ui-draggable ui-draggable-handle">
<p id="popup-heading" key="heading" draggable="true" class="ui-draggable ui-draggable-handle" style="position: relative; left: 28px; top: -25px;">Bakery</p>
<input id="popup-input" key="input" type="text" style="outline-width: 0px; width: 200px; margin: 0px auto; height: 25px; position: relative; left: 5px; top: -20px; border-radius: 20px;" draggable="true" class="ui-draggable ui-draggable-handle">
<button id="popup-submit" key="submit" style="border: none; width: 200px; margin: 0px auto; height: 25px; position: relative; left: 4px; top: -15px; background-color: rgb(255, 255, 0); color: rgb(22, 22, 22); font-size: 20px; border-radius: 20px;" draggable="true" class="ui-draggable ui-draggable-handle">Subscribe Me</button>
<p id="popup-info" key="info" draggable="true" class="ui-draggable ui-draggable-handle" style="position: relative;">Do Subscribe, to get latest updates</p>
</div>
</div>
</body>
</html>