Skip to content

Instantly share code, notes, and snippets.

/html

Created February 6, 2018 21:15
Show Gist options
  • Save anonymous/19f8a3889fe9ad9d6670d918cd57f821 to your computer and use it in GitHub Desktop.
Save anonymous/19f8a3889fe9ad9d6670d918cd57f821 to your computer and use it in GitHub Desktop.
<div class="about-container">
<div>
<img src="//cdn.shopify.com/s/files/1/2933/2634/files/Kennys_Outside-01_2048x2048.png?v=1517860975" alt="" />
</div>
<div class="about-block">
<p class="about-text">
Kenny's On The Plaza is named to honor the memory of the owner's brother Kenny.<br> Since 2010, our Plaza corner gallery has been providing
Santa Fe with impeccable hand-made Native American jewelry, art, and sculpture. <br>Visitors can shop for one-of-a-kind sterling silver and
natural turquoise jewelry or yellow gold and inlay pieces to suit their individual style.<br> Kenny's On The Plaza is managed by Susan Holmes.</p>
</div>
<div>
<h1 class="team-head"> Kenny's Team </h1>
</div>
<div class="team-nat">
<img src="//cdn.shopify.com/s/files/1/2933/2634/files/Kennys_Natalie-01_grande.png?v=1517858847" class="nat-picture" alt="" />
<p class= "nat-block">"Hi, my name is Natalie Romero and I am the assistant manager at Kenny's on the Plaza. I was born and raised right here in Santa Fe New Mexico.
My favorite thing about working at Kenny's is that it's family owned and that we have such an amazing selection of jewelry and art. My favorite pieces are some of the contemporary Native American jewelry."
</p>
</div>
<div class="team-sal">
<img src="//cdn.shopify.com/s/files/1/2933/2634/files/Kennys_Sal-01_grande.png?v=1517863447" class="sal-picture" alt="" />
<p class="sal-block">
"Hello, my name is Sal Karim and I am originally from California but have lived in Santa Fe for 10 years. I'm new to Kenny's but I have 13 years of jewelry experience.
I love how much fun we have at Kenny's helping people learn about Native American artists and finding that perfect piece for their collection. My favorite pieces are the Native-made Carico Lake Turquoise jewelry."
</p>
.about-container{
text-align:center;
p {
font-size: 14px;
font-family: 'Lato', sans-serif;
padding: 5px;
font-style: italic;
&.about-text {
font-style: normal;}
}
img {
&.nat-picture {
margin: 10px;
}
&.sal-picture {
margin:10px;
}
}
div {
h1 {
text-align:center;
padding-top:35px;
font-family: 'Lato', sans-serif;
}
&.about-block {
background-color: #ccc;}
}
}
@media only screen and (min-width: 1320px) {
.about-container{
p {
font-size: 22px;
&.nat-block {
margin: 100px 200px 0px 100px;
}
}
img {
&.nat-picture {
margin: 10px 10px 10px 100px;
float:left;
}
&.sal-picture {
margin:10px 100px 10px 10px;
float:right;
}
}
div {
&.about-block {
padding:100px;
}
&.team-sal {
margin: 300px 0px 100px 300px;
}
}
}
}
@media only screen and (min-width: 2020px) {
.about-container{
p {
font-size: 30px;
&.nat-block {
margin: 100px 200px 0px 100px;
padding: 160px;
}
&.sal-block {
padding: 130px;
}
}
img {
&.nat-picture {
margin: 10px 10px 10px 100px;
float:left;
}
&.sal-picture {
margin:10px 100px 10px 10px;
float:right;
}
}
div {
h1 {
font-size:66px;
}
&.about-block {
padding:100px;
}
&.team-head {
padding-top:40px;
font-size:600px;
}
&.team-sal {
margin: 0px 0px 100px 300px;
}
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment