-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathwhy-choose-reef.html
98 lines (71 loc) · 2.93 KB
/
why-choose-reef.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
<!-- @include _top -->
<!-- @include _nav -->
<div id="choose-reef-page">
<div class="top">
<div class="row">
<h3 class="large-12 columns page-title">Reef's unique, targeted value proposition will go here.</h3>
</div>
<div class="row">
<section class="large-4 columns">
<img src="http://placehold.it/125x125&text=icon"/>
<h5>True Professionals</h5>
<p>Nullam quis risus eget urna mollis ornare vel eu leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
</section>
<section class="large-4 columns">
<img src="http://placehold.it/125x125&text=icon"/>
<h5>Over 25 Years of Experience</h5>
<p>Nullam quis risus eget urna mollis ornare vel eu leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
</section>
<section class="large-4 columns">
<img src="http://placehold.it/125x125&text=icon"/>
<h5>Trusted Building Partner</h5>
<p>Nullam quis risus eget urna mollis ornare vel eu leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
</section>
</div>
<div id="testimonials" class="row">
<div id="left-arrow" class="small-2 columns">
<img src="<!-- @path left-arrow.png -->"/> </div>
<div class="pull-quote small-8 columns">
<p>
"The one thing that really stands out in our relationship with you: you worked with us and stood behind everything you said you would do." - <i>Everett, West Dennis, MA</i>
</p>
</div>
<div id="right-arrow" class="small-2 columns">
<img src="<!-- @path right-arrow.png -->"/>
</div>
</div>
</div><!-- end top -->
<div id="team"><a name="team"></a>
<div class="row">
<div id="bio-photos" class="large-7 columns">
<a href=""><img src="http://placehold.it/200x400&text=Matt"/></a>
<a href=""><img src="http://placehold.it/200x400&text=Jim"/></a>
<a href=""><img src="http://placehold.it/200x400&text=Chuck"/></a>
<a href=""><img src="http://placehold.it/200x400&text=Eli"/></a>
</div>
<div id="bios" class="large-5 columns">
<h5>Meet Our Team</h5>
<p>Vestibulum id ligula porta felis euismod semper. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Donec ullamcorper nulla non metus auctor fringilla. Cras justo odio, dapibus ac facilisis in, egestas eget quam.
</p>
</div>
</div>
</div><!-- end team -->
<div id="associations">
<div class="row">
<div class="small-10 small-centered columns">
<h5>Professional Associations</h5>
<img src="http://placehold.it/150x100&text=Logo"/>
<img src="http://placehold.it/150x100&text=Logo"/>
<img src="http://placehold.it/150x100&text=Logo"/>
<img src="http://placehold.it/150x100&text=Logo"/>
<img src="http://placehold.it/150x100&text=Logo"/>
<img src="http://placehold.it/150x100&text=Logo"/>
</div>
</div>
</div><!-- end associations -->
</div>
<!-- @include _footer -->
<!-- @include _bottom -->