Skip to content

Commit 6bed0fd

Browse files
javascript-2020javascript-2020
committed
save file
1 parent c6797c3 commit 6bed0fd

1 file changed

Lines changed: 132 additions & 0 deletions

File tree

‎contact.html‎

Lines changed: 132 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,132 @@
1+
2+
3+
<!DOCTYPE html>
4+
5+
<html>
6+
7+
<head>
8+
<meta charset=utf-8>
9+
10+
<title>
11+
Contact Us
12+
</title>
13+
14+
<meta name=description content='ext-code.com offers a suite of tools for programmers : code editors, Git utilities, SEO diagnostics, and more, alongside a technical blog and curated shop for dev essentials. Built for clarity, control, and deep understanding.'>
15+
16+
<base href='https://ext-code.com/'>
17+
<link rel="canonical" href="https://ext-code.com/index.html">
18+
19+
<meta name=viewport content='width=device-width, initial-scale=1'>
20+
<link rel=icon href='favicon.ico'>
21+
22+
<script type="application/ld+json">
23+
{
24+
"@context" : "https://schema.org",
25+
"@type" : "Organization",
26+
"name" : "Your Business Name",
27+
"url" : "https://ext-code.com",
28+
"email" : "hello@ext-code.com",
29+
"contactPoint" : [{
30+
"@type" : "ContactPoint",
31+
"contactType" : "customer support",
32+
"email" : "hello@ext-code.com"
33+
}]
34+
}
35+
</script>
36+
37+
38+
39+
<script src='https://libs.ext-code.com/js/dom/component/v3.0/component.js?hdr'></script>
40+
41+
42+
43+
<script>
44+
45+
function ready(){
46+
}//ready
47+
48+
</script>
49+
50+
51+
<style>
52+
53+
html
54+
{height:100%}
55+
56+
body
57+
{ font-family:arial;line-height:24px;height:calc(100% - 16px);
58+
display:flex;flex-direction:column
59+
}
60+
61+
62+
#contact-form
63+
{display:flex;flex-direction:column;gap:20px;border:1px solid lightgray;padding:20px;border-radius:10px;background:whitesmoke}
64+
65+
#contact-form>div
66+
{display:flex;gap:20px}
67+
68+
#contact-form .label
69+
{width:120px;text-align:right}
70+
71+
#name,#email
72+
{flex:1}
73+
74+
#text-root
75+
{width:500px;height:200px}
76+
77+
textarea
78+
{width:100%;height:100%}
79+
80+
input
81+
{font-size:16px;padding:5px 10px}
82+
83+
input[type=button]
84+
{cursor:pointer}
85+
86+
</style>
87+
88+
89+
</head>
90+
91+
92+
<body>
93+
94+
95+
96+
<div id=contact-form>
97+
98+
<div id=name-root>
99+
<div class=label>
100+
Name
101+
</div>
102+
<input id=name spellcheck=off autocomplete=false>
103+
</div>
104+
<div id=email-root>
105+
<div class=label>
106+
Email
107+
</div>
108+
<input id=email spellcheck=off autocomplete=false>
109+
</div>
110+
<div id=text-root>
111+
<textarea>
112+
</textarea>
113+
</div>
114+
<div id=btns-root>
115+
<input value=send type=button>
116+
</div>
117+
118+
</div>
119+
120+
121+
122+
123+
124+
125+
</body>
126+
127+
128+
</html>
129+
130+
131+
132+

0 commit comments

Comments
 (0)