Skip to content

Commit 70b31b0

Browse files
author
travissouthard
committed
Format modal section for clarity
1 parent a28dc86 commit 70b31b0

File tree

1 file changed

+40
-44
lines changed

1 file changed

+40
-44
lines changed

‎html-templates/home.tpl

Lines changed: 40 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -76,66 +76,62 @@
7676
<!-- Services-->
7777
<section class="page-section" id="services">
7878
<div class="container">
79-
<div class="text-center">
80-
<h2 class="section-heading text-uppercase">Get Involved</h2>
81-
<h3 class="section-subheading text-muted">We use tech, data, and design as a mode of civic engagement
82-
with our local communities.</h3>
79+
<div class="text-center">
80+
<h2 class="section-heading text-uppercase">Get Involved</h2>
81+
<h3 class="section-subheading text-muted">We use tech, data, and design as a mode of civic engagement with our local communities.</h3>
82+
</div>
83+
<div class="row text-center">
84+
<div class="col-md-4">
85+
<a href="/sponsor">
86+
<span class="fa-stack fa-4x">
87+
<i class="fas fa-hand-holding-medical fa-stack-2x text-danger"></i>
88+
<i c.lass="fas fa-laptop fa-stack-1x fa-inverse"></i>
89+
</span>
90+
</a>
91+
<h4 class="my-3">Sponsor</h4>
92+
<p class="text-muted">Sponsor an event</p>
8393
</div>
84-
<div class="row text-center">
85-
<div class="col-md-4">
86-
<a href="/sponsor">
87-
<span class="fa-stack fa-4x">
88-
<i class="fas fa-hand-holding-medical fa-stack-2x text-danger"></i>
89-
<i c.lass="fas fa-laptop fa-stack-1x fa-inverse"></i>
90-
</span>
91-
</a>
92-
<h4 class="my-3">Sponsor</h4>
93-
<p class="text-muted">Sponsor an event</p>
94-
</div>
95-
<div class="col-md-4">
96-
<a href="https://code-for-philly.gitbook.io/partnerships/creating-new-partnerships/first-steps" target="_blank">
97-
<span class="fa-stack fa-4x">
98-
<i class="fas fa-laptop-code fa-stack-2x text-danger"></i>
99-
<i c.lass="fas fa-laptop fa-stack-1x fa-inverse"></i>
100-
</span>
101-
</a>
102-
<h4 class="my-3">Start a Project</h4>
103-
<p class="text-muted">Start or get help on a project</p>
104-
</div>
105-
<div class="col-md-4">
106-
<a href="/volunteer">
107-
<span class="fa-stack fa-4x">
108-
<i class="fas fa-hands-helping fa-stack-2x text-danger"></i>
109-
<i c.lass="fas fa-hands-helping fa-stack-1x fa-inverse"></i>
110-
</span>
111-
</a>
112-
<h4 class="my-3">Volunteer</h4>
113-
<p class="text-muted">Join our projects</p>
114-
</div>
94+
<div class="col-md-4">
95+
<a href="https://code-for-philly.gitbook.io/partnerships/creating-new-partnerships/first-steps" target="_blank">
96+
<span class="fa-stack fa-4x">
97+
<i class="fas fa-laptop-code fa-stack-2x text-danger"></i>
98+
<i c.lass="fas fa-laptop fa-stack-1x fa-inverse"></i>
99+
</span>
100+
</a>
101+
<h4 class="my-3">Start a Project</h4>
102+
<p class="text-muted">Start or get help on a project</p>
115103
</div>
104+
<div class="col-md-4">
105+
<a href="/volunteer">
106+
<span class="fa-stack fa-4x">
107+
<i class="fas fa-hands-helping fa-stack-2x text-danger"></i>
108+
<i c.lass="fas fa-hands-helping fa-stack-1x fa-inverse"></i>
109+
</span>
110+
</a>
111+
<h4 class="my-3">Volunteer</h4>
112+
<p class="text-muted">Join our projects</p>
113+
</div>
114+
</div>
116115
</div>
117116
</section>
118117

119-
120-
</div>
121-
</section>
122-
123118
<!-- Portfolio Modals-->
124119

125120
{template projectModal modal name image description project site github slack logo=no}
126121
<div class="portfolio-modal modal fade" id="{$modal}" tabindex="-1" role="dialog" aria-hidden="true">
127122
<div class="modal-dialog">
128123
<div class="modal-content">
129-
<div class="close-modal" data-dismiss="modal"><img src="/img/close-icon.svg" alt="Close modal" />
124+
<div class="close-modal" data-dismiss="modal">
125+
<img src="/img/close-icon.svg" alt="Close modal" />
130126
</div>
131127
<div class="container">
132128
<div class="row justify-content-center">
133129
<div class="col-lg-8">
134130
<div class="modal-body">
135-
<!-- Project Details Go Here-->
136-
<h2 class="text-uppercase">{$name}</h2>
137-
<img class="img-fluid d-block mx-auto img-modal" src="/img/portfolio/{$image}" alt="" />
138-
<p class="text-justify">{$description}</p>
131+
<!-- Project Details Go Here-->
132+
<h2 class="text-uppercase">{$name}</h2>
133+
<img class="img-fluid d-block mx-auto img-modal" src="/img/portfolio/{$image}" alt="" />
134+
<p class="text-justify">{$description}</p>
139135
<a href="/projects/{$project}" target="_blank" class="btn btn-primary">Project Page</a>
140136
<a href="{$site}" target="_blank" class="btn btn-primary">Project Website</a>
141137
<a href="{$github}" target="_blank" class="btn btn-primary">Github</a>

0 commit comments

Comments
 (0)