Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
64 changes: 64 additions & 0 deletions _sass/components/_about-us.scss
Original file line number Diff line number Diff line change
Expand Up @@ -861,3 +861,67 @@ a.anchor {
grid-gap: 23px;
}
}

.entire-quote{
margin-top: 30px;
width: 90%;
}
.quote-marks{
position: relative;
width: 20px;
display: inline-block;
vertical-align: top;
bottom: 10px;
left:-10px
}

#quote-tmc{
border-radius: 100px;
position: relative;
right: -50px;
bottom: 10px;
height: 75px;
width: 75px;
}

.mayor-cite{
position: relative;
bottom: 50px;
left: 20px;
color: #767676;
font-style: normal;
}
.quote-text{
position: relative;
display: inline-block;
width: 88%;
}

@media only screen and (min-width:700px){
.quote-text{
font-weight: bold;
}
.entire-quote{
position: relative;
width:93%;
left:100px;
}
#quote-tmc{
bottom: 110px;
right: 180px;
height: 100px;
width: 100px;
}
.mayor-cite{
position: relative;
left:125px;
bottom: 90px;
color: #767676;
font-style: normal;
}
.garcetti-quote{
position: relative;
margin-bottom: -100px;
margin-left:3vw;
}
}
10 changes: 8 additions & 2 deletions about-us.html
Original file line number Diff line number Diff line change
Expand Up @@ -386,8 +386,14 @@ <h1>About Us</h1>
<p class="more-padding"><a href="https://www.latimes.com/local/california/la-me-hackathon-20150607-story.html" target="_blank" rel="noopener noreferrer">At L.A. ‘hackathon,’ civic- minded coders aim to put city data to good use</a></p>
</div>
</div>
<div class="garcetti-mobile"><img src="assets/images/about-us/news-images/garcetti-mobile.svg"></div>
<div class="garcetti-large"><img src="assets/images/about-us/news-images/garcetti-large.svg"></div>
<div class="garcetti-quote"><div class="entire-quote"><img class="quote-marks" src="assets/images/about-us/quotes.png"/>
<p class="quote-text">Hack for LA is a great example of how we can harness technology and our city's creativity to solve everyday problems. As Mayor, I will closely partner with our tech industry to create jobs and bring innovation to City Hall so government works faster and more efficiently.</p>
</div>
<cite class="mayor-cite">&#8212; Mayor Eric Garcetti</cite>
<img id="quote-tmc" src="assets/images/testimonials/quote-garcetti.jpg" alt="Mayor Eric Garcetti">
</div>


</div>
</div>
</div>
Expand Down
Binary file added assets/images/about-us/quotes.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.