dennis/Website-Templates
1
0
Fork 0
mirror of https://github.com/dawidolko/Website-Templates.git synced 2026-03-22 07:52:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

Website templates

Browse Source
This commit is contained in:
Dawid Olko
2023-07-26 19:33:39 +02:00
commit 0d2d73a034
10339 changed files with 2002333 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

150
mobile-app-free-one-page-responsive-html5-landing-page/css/responsive.css Normal file
View File

@@ -0,0 +1,150 @@
@media screen and (max-width: 992px){
.container {
width: 100%;
}
.price .container,
.footer .container {
width: 90%;
}
}
@media screen and (max-width: 768px){
h1 {
font-size: 52px;
}
.navigation .navbar-default .navbar-nav>li>a {
color: #fff;
font-weight: 400;
padding-top: 8px;
padding-bottom: 8px;
text-transform: uppercase;
}
.features .featured-item-img {
width: 100%;
text-align: center;
margin: 0 auto 25px;
}
.features .featured-item-img img{
margin:0 auto;
text-align:center;
}
.top .content h1 {
font-size: 64px;
text-align: center;
}
.top .content h2 {
text-align: center;
}
.team .member img {
position: relative;
}
.panel {
margin-bottom: 40px;
}
.team .app-dev .title {
background-color: #E7E7E7;
padding: 10px 0 12px;
display: inline-block;
width: 263px;
margin-bottom: 20px;
}
.testimonial .testimonial-slide {
width: 90%;
}
.subscribe .subscribe-header {
width: 100%;
}
.price .container,
.footer .container {
width: 100%;
}
}
@media screen and (max-width: 640px){
h1 {
font-size: 44px;
}
.underline {
max-width: 250px;
}
.underline:before,
.underline:after {
width: 100px;
}
.top .content h1 {
font-size: 56px;
margin-top: 0;
}
.top .content .button a {
text-align: center;
margin-left: auto;
margin-right: auto;
display: table;
margin-bottom: 100px;
}
.features {
padding-top: 30px;
}
.description .content .button a {
margin-left: auto;
margin-right: auto;
display: table;
}
.testimonial .testimonial-slide {
width: 100%;
}
.subscribe .social li {
margin-right: 5px;
}
.footer .contact .contact-submit {
padding: 10px 30px;
font-size: 20px;
}
}
@media screen and (max-width: 480px){
.header {
width: 100%;
}
.underline {
max-width: 200px;
}
.underline:before,
.underline:after {
width: 75px;
}
.featured-item .icon {
float: none;
margin: auto;
}
.featured-item .meta-text {
margin-left: 0px;
text-align: center;
}
.featured-item p {
margin-bottom: 60px;
}
.testimonial .testimonial-slide .content p {
padding:0 30px;
}
.testimonial .testimonial-slide .content p:before,
.testimonial .testimonial-slide .content p:after {
font-size: 22px;
}
.price .price-table {
padding: 0 15px;
}
.price .price-list ul {
padding-left: 0px;
}
.input-group-addon {
height: 50px;
}
.subscribe .subscribe-form input {
height: 50px;
}
.subscribe .subscribe-form button {
padding: 10px 20px;
font-size: 18px;
}
}