1+ <!DOCTYPE html>
2+ < html lang ="en ">
3+ < head >
4+ <!-- Google tag (gtag.js) -->
5+ < script async src ="https://www.googletagmanager.com/gtag/js?id=G-ZTX8Q81HF3 "> </ script >
6+ < script >
7+ window . dataLayer = window . dataLayer || [ ] ;
8+ function gtag ( ) { dataLayer . push ( arguments ) ; }
9+ gtag ( 'js' , new Date ( ) ) ;
10+
11+ gtag ( 'config' , 'G-ZTX8Q81HF3' ) ;
12+ </ script >
13+ < meta charset ="UTF-8 " />
14+ < meta http-equiv ="X-UA-Compatible " content ="IE=edge " />
15+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 " />
16+ < title > Contact Us</ title >
17+ < link rel ="preconnect " href ="https://fonts.googleapis.com " />
18+ < link rel ="preconnect " href ="https://fonts.gstatic.com " crossorigin />
19+ < link
20+ href ="https://fonts.googleapis.com/css2?family=Ms+Madi&display=swap "
21+ rel ="stylesheet "
22+ />
23+ < link rel ="preconnect " href ="https://fonts.googleapis.com " />
24+ < link rel ="preconnect " href ="https://fonts.gstatic.com " crossorigin />
25+ < link
26+ href ="https://fonts.googleapis.com/css2?family=Courgette&display=swap "
27+ rel ="stylesheet "
28+ />
29+ < link rel ="icon " href ="images/favicon.ico " type ="image/x-icon " />
30+ < meta name ="author " content ="Enrique Rodriguez " />
31+ < meta
32+ name ="description "
33+ content ="The Visit Honduras website aims to condense a curated guide for a trip to Honduras done by a local. The website gives travel tips and guidance for anyone planning a visit. " />
34+ </ head >
35+ < style >
36+ # copyright {
37+ text-align : center;
38+ font-family : "Franklin Gothic Medium" , "Arial Narrow" , Arial, sans-serif;
39+ font-size : 10px ;
40+ text-decoration : none;
41+ color : white;
42+ }
43+ body {
44+ background-color : # 3c586b ;
45+ text-align : left;
46+ position : relative;
47+ margin-left : 60px ;
48+ }
49+
50+ a : link {
51+ color : # add8e6 ;
52+ text-decoration : none;
53+ }
54+ a : visited {
55+ color : # 4faecd ;
56+ text-decoration : none;
57+ }
58+ # logo {
59+ height : 80px ;
60+ width : 235px ;
61+ border : 0 ;
62+ }
63+ # navbar {
64+ text-align : center;
65+ font-size : large;
66+ }
67+ # bottomlinks {
68+ text-align : center;
69+ }
70+
71+ h1 {
72+ text-align : center;
73+ padding : 30px ;
74+ color : white;
75+ }
76+
77+
78+ input [type = text ] {
79+ width : 35% ;
80+ padding : 25px 30px ;
81+ margin : 8px 0 ;
82+ box-sizing : border-box;
83+
84+ }
85+ # formcontainer {
86+ border-radius : 5px ;
87+ background-color : # f2f2f2 ;
88+ padding : 20px ;
89+ position : relative;
90+ margin-left : 60px ;
91+ font-size : 60px ;
92+ }
93+ label {
94+ color : white;
95+ }
96+ div {
97+ color : white;
98+ padding : 10px 13px ;
99+ margin : 8px 0 ;
100+ }
101+ </ style >
102+
103+ </ head >
104+ < body >
105+ < div id ="navbar ">
106+ < a href ="index.html ">
107+ < img id ="logo " src ="images/visithnlogo.png " alt ="Visit Honduras Logo ">
108+ </ a >
109+ < div id ="navbar ">
110+ < a href ="index.html ">   Home  </ a >
111+ < a href ="touristic-places.html ">   Touristic Places  </ a >
112+ < a href ="travel-accomodations.html ">   Travel Accomodations  </ a >
113+ < a href ="activities.html ">   Activities  </ a >
114+ < a href ="travel-tips.html ">   Travel Tips  </ a >
115+ < a href ="more-info.html ">   More Info  </ a >
116+
117+ </ div >
118+ < hr />
119+
120+ < h1 > Contact Us</ h1 >
121+
122+ < div class ="formcontainer "> </ div >
123+
124+ < form action ="" method ="post " id ="feedbackcontactform ">
125+
126+ < div >
127+ < label for ="input-name " class ="to-align "> First Name: </ label >
128+ < input
129+ type ="text "
130+ placeholder ="Please enter your first name... "
131+ size ="30 "
132+ id ="input-firstname "
133+ name ="First Name "
134+ />
135+ </ div >
136+ < div >
137+ < label for ="input-lastname " class ="to-align "> Last Name: </ label >
138+ < input
139+ type ="text "
140+ placeholder ="Please enter your last name... "
141+ size ="30 "
142+ id ="input-lastname "
143+ name ="Last Name "
144+ />
145+ </ div >
146+ < div >
147+ < label for ="input-email " class ="to-align "> Email:       </ label >
148+ < input
149+ type ="text "
150+ placeholder ="Please enter your e-mail address... "
151+ size ="30 "
152+ id ="input-email "
153+ name ="Email "
154+ />
155+ </ div >
156+
157+ < div >
158+ Are you currently in Honduras or close to an upcoming trip?
159+ < label > < input type ="radio " name ="travelstatus " value ="yes " /> Yes</ label >
160+ < label > < input type ="radio " name ="travelstatus " value ="no " /> No</ label >
161+ </ div >
162+
163+
164+ < div >
165+ < label for ="subject-select "> How may we help you today?</ label >
166+ < div >
167+ < select name ="subject " id ="subject-select ">
168+ < option value =""> Select Subject</ option >
169+ < option value ="questions "> General Questions</ option >
170+ < option value ="guide "> Get in touch with a local guide</ option >
171+ < option value ="feedback "> Feedback</ option >
172+ < option value ="other "> Other</ option >
173+ </ select >
174+ </ div >
175+ </ div >
176+
177+ < div >
178+ < div > < label for ="comments "> Leave your comment below:</ label > </ div >
179+ < div >
180+ < textarea
181+ id ="comments "
182+ name ="comments "
183+ rows ="10 "
184+ cols ="45 "
185+ placeholder ="Enter your comment here... "
186+ > </ textarea >
187+ </ div >
188+ </ div >
189+
190+ < input type ="submit " value ="Send Form " />
191+ < input type ="reset " value ="Clear Form " />
192+ </ form >
193+ </ div >
194+
195+
196+
197+
198+ < hr />
199+ < div id ="bottomlinks ">
200+ < a href ="index.html ">   Home  </ a >
201+ < a href ="sitemap.html ">   Sitemap  </ a >
202+ < a href ="contact-page.html ">   Contact Us  </ a >
203+
204+ < div >
205+ </ div >
206+ < p id ="copyright "> Copyright Pending © 2022 Enrique Rodriguez.</ p >
207+
208+ </ body >
209+ </ html >
0 commit comments