camphosts/index.html at master · componentcore/camphosts · GitHub

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
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
 	<meta charset="utf-8">
 	<meta http-equiv="Content-Type" content="text/html;">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Destination Directory Tools</title>
	<link rel="shortcut icon" href="/camphosts/img/home/leaf-32.png" />

	<!-- TO DO: use dataportal css for columns instead. Remove this -->
	<link href="https://web.dreamstudio.com/core/elements/styles/base.css" rel="stylesheet" type="text/css" >


	<link href="/camphosts/css/camphosts.css" rel="stylesheet" type="text/css">
	<link rel='stylesheet' href='https://dreamstudio.com/dreamstudio/css/dreamstudio.css'>

	<style type='text/css'>
		.fullbackground:hover{
		    height:550px;
		}

		#crossfade {
		    position:relative;
		}
		#crossfade img {
		    opacity: 1;
		    -webkit-transition: opacity 1s ease-in-out;
		    -moz-transition: opacity 1s ease-in-out;
		    -o-transition: opacity 1s ease-in-out;
		    -ms-transition: opacity 1s ease-in-out;
		    transition: opacity 1s ease-in-out;
		}
		#crossfade img.top {
		 position:absolute;
		}
		#crossfade img.top:hover {
		    opacity:0;
		}

	</style>

</head>

<body style="margin:0px">

<div class="header-navigation" style="background: #fff;">
  <header class="" style="overflow:hidden">

	<div class="container" style="max-width:1200px; padding-left:30px; padding-right:30px">

		<div style="margin-left:60px;min-height:12px">

    </div>
		<div style="font-size:28px; padding:10px 0 30px 0; float:left">
			<img src="img/home/leaf-32.png" style="width:24px;margin-right:1px" /><a href="/camphosts" style="color:#555">Component<span style="color:#1f651e">Core</span></a>
  		</div>

	    <nav style="padding-top:25px; float:right">
		     Destination Directory Tools
	    </nav>

	</div>
  </header>
</div>

<div id="crossfade"><img class="topX" src="/camphosts/img/home/camphost-short.jpg" style="opacity:0.95;width:100%;max-width:2000px" /></div>


<div style="background:#aaa;clear:both;text-align:center;padding:40px 20px 50px 20px;color:#fff">
	<div>
	<p style="font-size:28px">Build websites that inspire exploration!</p>
	<p style="font-size:15.5px">

		<span style="line-height: 1em;">
		Engage your site visitors with location listings, image galleries, news, specials, event calendars and more!<br>
		Our Partner Admin Tools are available for custom integration and expansion with approved developers.
		</span>

	<br>

	<br>

	<!--
	<a href="add" class="regbutton">Learn More</a> &nbsp; &nbsp;
	-->
	<a href="add" class="regbutton">Contact Us</a>
	</p>
	</div>

</div>
<br>

<!-- 3 Column -->
	<div class="container" style="margin-top:10px">

		<div class="footerColumn">
			<div class="footerColumnInside">
		    <h2>Host Timelines</h2>
		    <p>
		    	Easy to find openings lead<br>
		    	to fewer vacancies.
		    	<a href="http://explore.gastateparks.org/volunteer/campground" target="timeline">Case Study</a>

		    </p>
		    </div>
	    </div>

	    <div class="footerColumn">
			<div class="footerColumnInside">
		    <h2>Host Applications</h2>
		    <p>
		    	Review and place applicants<br>
		    	based on date preferences.<br>
		    	<!--
		    	<a href="http://gastateparks.org/location/request/app.aspx" target="app">Application Sample</a>
				-->
		    </p>
		    </div>
		</div>

	    <div class="footerColumn">
	    	<div>
	    	<h2>Host Renewals</h2>

	    	<p>
	    		Collect online payments for background<br>
	    		checks using PayPal or Authorize.net.<br>
	    	</p>
	    	</div>
	    </div>

	</div>

	<div class="clear"></div>
<!-- / 3 Column -->


<div id="footer-navigation" style="clear:both">
	<div style="float:left; color:#fff; margin:80px 30px 10px 15px">
	<p></p>
	</div>

	<div style="float:right; color:#fff; margin:80px 30px 10px 15px">
	<p>© 2022 ComponentCore</p>
	</div>
</div>


</body>
</html>