-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathform1.html
116 lines (111 loc) · 5.58 KB
/
form1.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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<!DOCTYPE html>
<html>
<head>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Indie+Flower&family=Pacifico&display=swap" rel="stylesheet">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no" />
<title>ArtisArtPrintables Baby Announcement URL Generator</title>
<!-- CSS and scripts -->
<script
src="https://code.jquery.com/jquery-3.7.1.slim.min.js"
integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8="
crossorigin="anonymous">
</script>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
<link href="form.css" rel="stylesheet" type="text/css"/>
<script src="form.js" type="text/javascript"></script>
</head>
<!-- begin common pagetop -->
<body>
<div class="row">
<div class="col-md mt-3">
<div class="row">
<div class="text-center">
<a href="https://artisartprintables.etsy.com">
<img src="images/artisart.png" class="center" style="width:15vw;height:15vw;display: block;margin-left: auto;">
</a>
</div>
</div>
<div class="row">
<div class="col-md">
<h2>Baby Announcement <span>Scratch off Customization</span></h2>
</div>
</div>
<div class="row">
<div class="col-md">
</div>
<div class="col-md mt-4">
<div class="form-group">
<label for="Surname">Family name:</label>
<input type="text" class="form-control" id="Surname" aria-describedby="surnameHelp" maxlength="17" placeholder="Enter Surname">
<small id="surnameHelp" class="form-text text-muted">This will generate customized link for your scratcher card</small>
</div>
</div>
<div class="col-md">
</div>
</div>
<div class="row">
<div class="col-md"></div>
<div class="col-sm-auto mt-3">
<span style="word-break: break-word;">
<label for="address">Here is your customized link :
<br>
<a href="" type="text" id="address" style="pointer-events: none;"></a>
</label>
</span>
</div>
<div class="col-md"></div>
</div>
<div class="row">
<div class="col-md"></div>
<div class="col-md mt-4">
<h4>Instructions:</h4>
<div class="text-left">
<p>1) Enter your family name above. It has max. 17 characters limit.</p>
<p>2) Your customized link will be automatically generated.</p>
<p style="white-space: normal;">3) Click on your customized link to review. You can then click on the address bar of your browser and use share or copy option (or select all text while in the address bar and right click/long press to copy the address) to share the link with your family and friends.
Make sure you dont add or remove characters after you paste the link while sharing.
<br><br>Read the instructions pdf that comes with the purchase for more details.</p>
<br><p>Please contact the shop if you have any problems.</p>
</div>
<br>
<div class="text-center">
<a href="https://artisartprintables.etsy.com" style="text-decoration:none">
<p style="color:white; text-shadow: 1px 1px 10px #000000; right: 1px;">Copyright © 2024 ArtisArtPrintables Studio.</p>
</div> </a>
<!-- Button trigger modal -->
<!-- <button type="button" id="sharebtn" class="btn btn-primary w-100" data-bs-toggle="modal" data-bs-target="#shareModal">
Share by Email
</button> -->
</div>
<div class="col-md"></div>
</div>
</div>
</div>
<!-- Modal -->
<!-- <div class="modal fade" id="shareModal" tabindex="-1" aria-labelledby="shareModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="shareModalLabel">Enter Email</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="form-group">
<label for="emailSendLink">Email to share your custom link:</label>
<input type="email" class="form-control" id="emailSendLink" aria-describedby="emailLinkHelp" placeholder="Enter Email">
<small id="emailLinkHelp" class="form-text text-muted">Your customized link will be sent to this email</small>
</div>
</div>
<div class="modal-footer">
<button id="modalClose" type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<button id="emailLinkbtn" type="button" class="btn btn-primary">Send Link</button>
</div>
</div>
</div>
</div> -->
</body>