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

fix/Buttons overlap #13

Merged
merged 4 commits into from
Jun 19, 2019
Merged

fix/Buttons overlap #13

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
59c1883
Add changes to html and css
May 25, 2019
ad914b5
- clean up
zaikin-andrew Jun 19, 2019
74d510e
Merge branch 'master' of github.com:first-line-outsourcing/website in…
zaikin-andrew Jun 19, 2019
ad08762
- add space between buttons
zaikin-andrew Jun 19, 2019
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
31 changes: 27 additions & 4 deletions css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -720,11 +720,7 @@ textarea.form-control {
}

.socials {
position: absolute;
display: flex;
top: 50%;
left: 20px;
transform: translateY(-50%);
}
.socials a:not(:first-child) {
margin-left: 20px;
Expand All @@ -733,6 +729,18 @@ textarea.form-control {
width: 21px;
}

.cookies-wrapper {
display: flex;
margin: 0 77px;
}

.cookies-group-button {
display: flex;
min-width: 140px;
align-items: center;
padding-left: 10px;
}



/*=====================
Expand Down Expand Up @@ -795,6 +803,18 @@ textarea.form-control {
font-size: 22px;
line-height: 1.4;
}

.cookies-wrapper {
flex-wrap: wrap;
justify-content: center;
}

}

@media (max-width: 576px) {
.socials {
justify-content: center;
}
}

.technologies {
Expand Down Expand Up @@ -822,3 +842,6 @@ textarea.form-control {
width: 100%;
text-align: center;
}
.btn-danger {
margin-right: 5px;
}
27 changes: 16 additions & 11 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -605,21 +605,21 @@ <h3 class="all_section_heading">Let’s move your business forward</h3>

<!-- Start Footer -->
<footer class="footer_detail">
<div class="container">
<div class="container-fluid">
<div class="fot_bor"></div>
<div class="row pt-3 pb-3">
<div class="col-lg-12">
<div class="row">
<div class="col-sm-2 pt-3 socials">
<a href="https://www.linkedin.com/company/flo-team" target="_blank"><img src="images/socials/linkedin.svg" alt=""></a>
<a href="https://www.instagram.com/flo.team_/" target="_blank"><img src="images/socials/instagram.svg" alt=""></a>
<a href="https://vk.com/flo.team" target="_blank"><img src="images/socials/vk.svg" alt=""></a>
</div>
<div class="col-sm-8 pt-3 pb-3">
<div class="text-center">
<p class="text-white mb-0">2019 PE Andrey Zaikin</p>
</div>
</div>
</div>
</div>
<div class="socials">
<a href="https://www.linkedin.com/company/flo-team" target="_blank"><img src="images/socials/linkedin.svg" alt=""></a>
<a href="https://www.instagram.com/flo.team_/" target="_blank"><img src="images/socials/instagram.svg" alt=""></a>
<a href="https://vk.com/flo.team" target="_blank"><img src="images/socials/vk.svg" alt=""></a>
</div>
</footer>
<!-- End Footer -->

Expand All @@ -629,9 +629,14 @@ <h3 class="all_section_heading">Let’s move your business forward</h3>
</a>
<!-- Back To Top Up Arrow End -->
<div id="cookies-eu-banner" style="display: none;">
By continuing your visit to this site, you accept the use of cookies by Google Analytics to make visits statistics.
<button id="cookies-eu-reject" class="btn-sm btn-danger">Reject</button>
<button id="cookies-eu-accept" class="btn-sm btn-success">Accept</button>
<div class="cookies-wrapper">
By continuing your visit to this site, you accept the use of cookies by Google Analytics to make visits statistics.
<div class="cookies-group-button">
<button id="cookies-eu-reject" class="btn-sm btn-danger">Reject</button>
<button id="cookies-eu-accept" class="btn-sm btn-success">Accept</button>
</div>
</div>

</div>
<!-- JAVASCRIPTS -->
<script src="js/jquery.min.js"></script>
Expand Down