Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Add some blockquote styles to quotes section of homepage #553

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Add some blockquote styles to quotes section of homepage #553

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
20 changes: 13 additions & 7 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -382,25 +382,31 @@ <h2 class="text-center mb-5 border-bottom-3 bottom-heading">Our grateful student
<img src="https://images.unsplash.com/photo-1507120878965-54b2d3939100?ixlib=rb-0.3.5&q=80&fm=jpg&crop=faces&fit=crop&h=200&w=200&s=99fbace66d1bfa48c9c6dc8afcac3aab"
alt="Carl Smith" class="card-img-top">
<div class="card-body">
<strong class="card-title">Carl Smith</strong>
<p class="card-text"><em> for all levels of skill and experience.</em></p>
<blockquote>
For all levels of skill and experience.
<span>Carl Smith</span>
</blockquote>
</div>
</div>
<div class="testimonial">
<img src="resources/images/GB.jpg"
alt="John Doe" class="card-img-top">
<div class="card-body">
<strong class="card-title">Nikola Buzadzija</strong>
<p class="card-text"><em>I am very happy that i have the opportunity to contribute to this open source project! YEAAAHHHHH!!!!</em></p>
<blockquote>
I am very happy that i have the opportunity to contribute to this open source project! YEAAAHHHHH!!!!
<span>Nikola Buzadzija</span>
</blockquote>
</div>
</div>
<div class="testimonial">
<img src="https://images.unsplash.com/photo-1542131596-dea5384842c7?ixlib=rb-1.2.1&q=80&fm=jpg&crop=faces&fit=crop&h=200&w=200&ixid=eyJhcHBfaWQiOjE3Nzg0fQ"
alt="Jane Johnson" class="card-img-top">
<div class="card-body">
<strong class="card-title">Jane Johnson</strong>
<p class="card-text"><em>Fantastic instructor, great atmosphere during the course!
Absolutely worth recommending!</em></p>
<blockquote>Fantastic instructor, great atmosphere during the course!
Absolutely worth recommending!
<span>Jane Johnson</span>
</blockquote>

</div>

</div>
Expand Down
110 changes: 72 additions & 38 deletions modified_homepage_css.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,64 +1,98 @@
.navbar-collapse ul li{
padding: -10px;
.navbar-collapse ul li {
padding: -10px;
}
@media (min-width: 992px) {
.navbar-expand-lg .navbar-collapse {
.navbar-expand-lg .navbar-collapse {
margin-left: 161px;
}
}
}
.navbar-brand {
display: inline-block;
padding-top: 0.3125rem;
margin-right: 1rem;
margin-left: 10px;
display: inline-block;
padding-top: 0.3125rem;
margin-right: 1rem;
margin-left: 10px;
}
.navbar-brand img {
height: 55px;
height: 55px;
}
.navbar-collapse ul li {
padding: 0px 0rem;
padding: 0px 0rem;
}
.navbar-collapse ul li a{
color: white;
.navbar-collapse ul li a {
color: white;
}
nav a {
color: white !important;
color: white !important;
}
nav {
background-color: #00000000;
background-color: #00000000;
}
.theme-toggle-container span {
font-size: 0.75rem;
color: white;
font-size: 0.75rem;
color: white;
}
#navbar__custom #headerText {
font-size: 10px;
margin-right: 21px;
font-size: 10px;
margin-right: 21px;
}
.theme-toggle {
position: relative;
display: inline-block;
width: 44px !important;
height: 23px !important;
position: relative;
display: inline-block;
width: 44px !important;
height: 23px !important;
}
.theme-toggle-container span {
font-size: 0.8rem !important;
font-size: 0.8rem !important;
}

.navv{
color: blue;
font-family: 'Ubuntu', sans-serif;
line-height: 55px;
font-weight: 900;
font-size: 8rem;
}
#course-button{
background: #e0cfb8;
font-weight: bold;
margin-top: 20px;
.navv {
color: blue;
font-family: 'Ubuntu', sans-serif;
line-height: 55px;
font-weight: 900;
font-size: 8rem;
}
#course-button {
background: #e0cfb8;
font-weight: bold;
margin-top: 20px;
}
#course-button:hover {
background-color: #081020c7;
color: #fff;
transform: scale(1.2);
}
background-color: #081020c7;
color: #fff;
transform: scale(1.2);
}

blockquote {
font-size: 1.3em;
width: 90%;
margin: 10px auto;
font-style: italic;
padding: 1.2em 30px 1.2em 75px;
border-left: 8px solid #158d91;
line-height: 1.6;
position: relative;
background: #ededed;
}

blockquote::before {
font-family: Arial;
content: '\201C';
color: #158d91;
font-size: 8em;
position: absolute;
left: 5px;
top: 1px;
}

blockquote::after {
content: '';
}

blockquote span {
display: block;
color: #333333;
font-style: normal;
font-weight: bold;
margin-top: 1em;
}