-
Notifications
You must be signed in to change notification settings - Fork 0
/
station_cards_scraps.html
81 lines (81 loc) · 7.02 KB
/
station_cards_scraps.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
<!-- SANTA ANA STATION-->
<div class="col-md-4 col-sm-6 portfolio-item">
<a href="#stationModal" class="portfolio-link" data-toggle="modal" data-target="#stationModal"
data-caption="Our first station will open in Santa Ana and will power 40 cars per day"
data-name="Santa Ana"
data-description="This station is located consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!"
data-imageurl="http://placehold.it/600x270/fed135/aeaeae&text=Map with Santa Ana Station">
<div class="portfolio-hover">
<div class="portfolio-hover-content">
<i class="fa fa-map fa-3x"></i><br><span>About Santa Ana Station</span>
</div>
</div>
<img src="{{ "/assets/img/portfolio/station_dusk_398_289.jpg" | relative_url }}" class="img-responsive" alt="HydrogeNXT Station">
</a>
<div class="portfolio-caption">
<h4>HydrogeNXT Santa Ana</h4>
<p class="text-muted">Main Street, Santa Ana, CA</p>
<a href="#stationModal" class="portfolio-link" data-toggle="modal" data-name="Santa Ana"><p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 19" height="19" width="19"><title>fuel-15.svg</title><rect fill="none" x="0" y="0" width="19" height="19"></rect><path fill="#00B4FF" transform="translate(2 6)" d="M13,6L13,6v5.5c0,0.2761-0.2239,0.5-0.5,0.5S12,11.7761,12,11.5v-2C12,8.6716,11.3284,8,10.5,8H9V2c0-0.5523-0.4477-1-1-1H2
C1.4477,1,1,1.4477,1,2v11c0,0.5523,0.4477,1,1,1h6c0.5523,0,1-0.4477,1-1V9h1.5C10.7761,9,11,9.2239,11,9.5v2
c0,0.8284,0.6716,1.5,1.5,1.5s1.5-0.6716,1.5-1.5V5c0-0.5523-0.4477-1-1-1l0,0V2.49C12.9946,2.2178,12.7723,1.9999,12.5,2
c-0.2816,0.0047-0.5062,0.2367-0.5015,0.5184C11.9987,2.5289,11.9992,2.5395,12,2.55V5C12,5.5523,12.4477,6,13,6s1-0.4477,1-1
s-0.4477-1-1-1 M8,6.5C8,6.7761,7.7761,7,7.5,7h-5C2.2239,7,2,6.7761,2,6.5v-3C2,3.2239,2.2239,3,2.5,3h5C7.7761,3,8,3.2239,8,3.5
V6.5z"></path></svg>
Opening soon</p></a>
</div>
</div>
<!-- MIRAMAR STATION-->
<div class="col-md-4 col-sm-6 portfolio-item">
<a href="#stationModal" class="portfolio-link" data-toggle="modal" data-target="#stationModal"
data-caption="Our second station will open in Miramar"
data-name="Miramar"
data-description="This station is located consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!"
data-imageurl="http://placehold.it/600x270/fed135/ffffff&text=Map with Miramar Station">
<div class="portfolio-hover">
<div class="portfolio-hover-content">
<i class="fa fa-map fa-3x"></i><br><span>About Miramar Station</span>
</div>
</div>
<img src="{{ "/assets/img/portfolio/station_dusk_398_289.jpg" | relative_url }}" class="img-responsive" alt="">
</a>
<div class="portfolio-caption">
<h4>HydrogeNXT Miramar</h4>
<p class="text-muted">Main Ave, Miramar</p>
<a href="#stationModal" class="portfolio-link" data-toggle="modal" data-name="Miramar"><p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 19" height="19" width="19"><title>fuel-15.svg</title><rect fill="none" x="0" y="0" width="19" height="19"></rect><path fill="#00B4FF" transform="translate(2 6)" d="M13,6L13,6v5.5c0,0.2761-0.2239,0.5-0.5,0.5S12,11.7761,12,11.5v-2C12,8.6716,11.3284,8,10.5,8H9V2c0-0.5523-0.4477-1-1-1H2
C1.4477,1,1,1.4477,1,2v11c0,0.5523,0.4477,1,1,1h6c0.5523,0,1-0.4477,1-1V9h1.5C10.7761,9,11,9.2239,11,9.5v2
c0,0.8284,0.6716,1.5,1.5,1.5s1.5-0.6716,1.5-1.5V5c0-0.5523-0.4477-1-1-1l0,0V2.49C12.9946,2.2178,12.7723,1.9999,12.5,2
c-0.2816,0.0047-0.5062,0.2367-0.5015,0.5184C11.9987,2.5289,11.9992,2.5395,12,2.55V5C12,5.5523,12.4477,6,13,6s1-0.4477,1-1
s-0.4477-1-1-1 M8,6.5C8,6.7761,7.7761,7,7.5,7h-5C2.2239,7,2,6.7761,2,6.5v-3C2,3.2239,2.2239,3,2.5,3h5C7.7761,3,8,3.2239,8,3.5
V6.5z"></path></svg>
Opening soon</p></a>
</div>
</div>
<!-- City of Industry STATION-->
<div class="col-md-4 col-sm-6 portfolio-item">
<a href="#stationModal" class="portfolio-link" data-toggle="modal" data-target="#stationModal"
data-caption="Our first station in Northern California will open in San Leandro"
data-name="San Leandro"
data-description="This station is located consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!"
data-imageurl="http://placehold.it/600x270/fed135/ffffff&text=Map with San Leandro Station">
<div class="portfolio-hover">
<div class="portfolio-hover-content">
<i class="fa fa-map fa-3x"></i><br><span>About Industry Station</span>
</div>
</div>
<img src="{{ "/assets/img/portfolio/station_dusk_398_289.jpg" | relative_url }}" class="img-responsive" alt="">
</a>
<div class="portfolio-caption">
<h4>HydrogeNXT Industry</h4>
<p class="text-muted">San Pedro Ave, City of Industry, CA</p>
<a href="#stationModal" class="portfolio-link" data-toggle="modal" data-name="City of Industry"><p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 19" height="19" width="19"><title>fuel-15.svg</title><rect fill="none" x="0" y="0" width="19" height="19"></rect><path fill="#00B4FF" transform="translate(2 6)" d="M13,6L13,6v5.5c0,0.2761-0.2239,0.5-0.5,0.5S12,11.7761,12,11.5v-2C12,8.6716,11.3284,8,10.5,8H9V2c0-0.5523-0.4477-1-1-1H2
C1.4477,1,1,1.4477,1,2v11c0,0.5523,0.4477,1,1,1h6c0.5523,0,1-0.4477,1-1V9h1.5C10.7761,9,11,9.2239,11,9.5v2
c0,0.8284,0.6716,1.5,1.5,1.5s1.5-0.6716,1.5-1.5V5c0-0.5523-0.4477-1-1-1l0,0V2.49C12.9946,2.2178,12.7723,1.9999,12.5,2
c-0.2816,0.0047-0.5062,0.2367-0.5015,0.5184C11.9987,2.5289,11.9992,2.5395,12,2.55V5C12,5.5523,12.4477,6,13,6s1-0.4477,1-1
s-0.4477-1-1-1 M8,6.5C8,6.7761,7.7761,7,7.5,7h-5C2.2239,7,2,6.7761,2,6.5v-3C2,3.2239,2.2239,3,2.5,3h5C7.7761,3,8,3.2239,8,3.5
V6.5z"></path></svg>
Opening soon</p></a>
</div>
</div>