Skip to content

made the footer responsive #2

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

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

made the footer responsive #2

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
65 changes: 29 additions & 36 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -362,7 +362,7 @@ <h2 class="h1 bold line-height-2">Discover Events</h2>
<div class="amitech-footer-angle absolute xs-hide sm-hide"></div>
<!--/ Angle -->
<!-- Right column -->
<div class="amitech-newsletter-signup"style="margin-left: 50px">
<div class="amitech-newsletter-signup">
<header class="max-width-3 mx-auto px1 md-px2">
<h4 class="amitech-footer-right-column-heading amitech-spacing-none h2 mb3 blue "><b>The Developers</b></h4>
</header>
Expand All @@ -375,53 +375,50 @@ <h4 class="amitech-footer-right-column-heading amitech-spacing-none h2 mb3 blue

<p class=" gray py1 h3 ">Diksha Giri
<span class=" gray px4 h3" style="margin-left: 12px">Payal Joshi</span></p>
<p class=" gray py1 " style="margin-left:450px"> &copy; Copyright 2018</p>
<br><br>
<p class=" gray py1 " style="margin-left: 90px"> &copy; Copyright 2018</p>
</div></div>
<!--/ Right column
<amp-img width="100" height="100" src="../img/amitech/hero-1.jpg" style="border-radius:100%; margin: 2%;"></amp-img></div>
-->
<!-- Left column -->

<p class="amitech-spacing-none h3 gray bold px1 py1">
<a href="amitech.amp" class="inline-block h2 line-height-1 circle white px1">
<svg class="amitech-icon amitech-icon-logo h2" viewbox="0 0 100 100"><g fill="none" fill-rule="evenodd" stroke="#fff" stroke-width="7.5"><circle cx="50" cy="50" r="45"></circle><path d="M20.395 83.158c-2.37-10.263-.79-18.553 4.737-24.87 8.29-9.472 17.763-1.183 26.052-9.472 8.29-8.29 2.37-18.948 10.658-26.053 5.526-4.737 12.237-6.316 20.132-4.737M39.084 95c-2.788-10.2-1.912-17.304 2.627-21.316 6.808-6.017 14.956-.68 24.088-9.623 9.13-8.94 3.062-17.133 10.255-23.534 4.795-4.267 10.282-5.668 16.46-4.203"></path></g></svg> </a>
<p class="amitech-spacing-none h4 gray bold px2 py1">
<a href="amitech.amp" class="inline-block h2 line-height-1 circle white">
<svg class="amitech-icon amitech-icon-logo h2" viewbox="0 0 100 100"><g fill="none" fill-rule="evenodd" stroke="#fff" stroke-width="7.5"><circle cx="50" cy="50" r="45"></circle><path d="M20.395 83.158c-2.37-10.263-.79-18.553 4.737-24.87 8.29-9.472 17.763-1.183 26.052-9.472 8.29-8.29 2.37-18.948 10.658-26.053 5.526-4.737 12.237-6.316 20.132-4.737M39.084 95c-2.788-10.2-1.912-17.304 2.627-21.316 6.808-6.017 14.956-.68 24.088-9.623 9.13-8.94 3.062-17.133 10.255-23.534 4.795-4.267 10.282-5.668 16.46-4.203"></path></g></svg> </a>

Annual fest of Amity School of Engineering and Technology, Bijwasan.</p>
<span style="margin-left:4px">Annual fest of Amity School of Engineering and Technology, Bijwasan.</span></p>
<div class="max-width-3 ">
<div class="flex lg-py2 md-pt4 col-12 md-col-6 pr3 px3">
<div class="col-8 pl3">
<div class="flex lg-py1 md-pt4 col-12 md-col-6 pl2">
<div class="col-6 pl2">
<h4 class="amitech-spacing-none mb2 h3 gray bold">Amitech '18</h4>
<div class="line-height-4 ">
<a href="#" class="amitech-link block gray"><svg class="amitech-icon" viewbox="0 0 77 100"><g fill="none" fill-rule="evenodd"><path stroke="currentColor" stroke-width="7.5" d="M38.794 93.248C58.264 67.825 68 49.692 68 38.848 68 22.365 54.57 9 38 9S8 22.364 8 38.85c0 10.842 9.735 28.975 29.206 54.398a1 1 0 0 0 1.588 0z"></path><circle cx="38" cy="39" r="10" fill="currentColor"></circle></g></svg> Amity University Sector-125, Noida</a>
<a href="#" class="amitech-link block gray"><svg class="amitech-icon" viewBox="0 0 1024 894"><g fill="#fff" fill-rule="evenodd"></g><path stroke="#fff" stroke-width="25" d="M960 126H768V32q0-13-9.5-22.5T736 0t-22.5 9.5T704 32v94H512V32q0-13-9.5-22.5T480 0t-22.5 9.5T448 32v94H256V32q0-13-9.5-22.5T224 0t-22.5 9.5T192 32v94H64q-26 0-45 19T0 190v640q0 27 19 45.5T64 894h896q26 0 45-18.5t19-45.5V190q0-26-19-45t-45-19zm-768 75v23q0 13 9.5 22.5T224 256t22.5-9.5T256 224v-23h192v23q0 13 9.5 22.5T480 256t22.5-9.5T512 224v-23h192v23q0 13 9.5 22.5T736 256t22.5-9.5T768 224v-23h181v119H82q-3 0-7 1V201h117zM75 819V383q4 1 7 1h867v435H75zm597-369H352q-13 0-22.5 9.5T320 482t9.5 22.5T352 514h320q13 0 22.5-9.5T704 482t-9.5-22.5T672 450zm0 192H352q-13 0-22.5 9.5T320 674t9.5 22.5T352 706h320q13 0 22.5-9.5T704 674t-9.5-22.5T672 642z"/><circle cx="38" cy="39" r="10" fill="currentColor"></circle></g></svg> 20 April - 21 April, 2018</a>
<a href="#" class="amitech-link block gray"><svg class="amitech-icon" viewBox="0 0 1024 894"><g fill="#fff" fill-rule="evenodd"></g><path stroke="#fff" stroke-width="25" d="M960 126H768V32q0-13-9.5-22.5T736 0t-22.5 9.5T704 32v94H512V32q0-13-9.5-22.5T480 0t-22.5 9.5T448 32v94H256V32q0-13-9.5-22.5T224 0t-22.5 9.5T192 32v94H64q-26 0-45 19T0 190v640q0 27 19 45.5T64 894h896q26 0 45-18.5t19-45.5V190q0-26-19-45t-45-19zm-768 75v23q0 13 9.5 22.5T224 256t22.5-9.5T256 224v-23h192v23q0 13 9.5 22.5T480 256t22.5-9.5T512 224v-23h192v23q0 13 9.5 22.5T736 256t22.5-9.5T768 224v-23h181v119H82q-3 0-7 1V201h117zM75 819V383q4 1 7 1h867v435H75zm597-369H352q-13 0-22.5 9.5T320 482t9.5 22.5T352, 514h320q13 0 22.5-9.5T704 482t-9.5-22.5T672 450zm0 192H352q-13 0-22.5 9.5T320 674t9.5 22.5T352 706h320q13 0 22.5-9.5T704 674t-9.5-22.5T672 642z"/><circle cx="38" cy="39" r="10" fill="currentColor"></circle></g></svg> 20 April - 21 April, 2018</a>
<a href="#" class="amitech-link block gray"><svg class="amitech-icon" viewbox="0 0 1195 1195"><g fill="none" fill-rule="evenodd"><path stroke="#fff" stroke-width="25" d="M597.333 128q-139 0-257 68.5T153.833 383t-68.5 257 68.5 257 186.5 186.5 257 68.5 257-68.5 186.5-186.5 68.5-257-68.5-257-186.5-186.5-257-68.5zm254 544q0 13-9 22.5t-23 9.5h-190q-13 0-22.5-9.5t-9.5-22.5V353q0-13 9.5-22.5t22.5-9.5 22.5 9.5 9.5 22.5v287h158q14 0 23 9.5t9 22.5z"></path><circle cx="38" cy="39" r="10" fill="currentColor"></circle></g></svg> 10:00am-5:00pm</a>
</div>
</div>
<div class="col-4 pl3">
<div class="col-6 pl2">
<h4 class="amitech-spacing-none mb2 h3 gray bold">Discover</h4>
<div class="line-height-4 ">
<a href="#" class="amitech-link block gray">Events</a>
<a href="#" class="amitech-link block gray">Sponsors</a>

<span class="inline-block h2 circle white">
<a href="https://www.facebook.com/amitech.aset/" target="_blank">
<svg class="amitech-icon amitech-icon-logo h2" viewbox="0 0 256 256">
<g>
<span class="inline-block h2 circle white">
<svg class="amitech-icon amitech-icon-logo h2" viewbox="0 0 256 256">
<g>
<path d="M241.871,256.001 C249.673,256.001 256,249.675 256,241.872 L256,14.129 C256,6.325 249.673,0 241.871,0 L14.129,0 C6.324,0 0,6.325 0,14.129 L0,241.872 C0,249.675 6.324,256.001 14.129,256.001 L241.871,256.001" fill="#395185"></path>
<path d="M176.635,256.001 L176.635,156.864 L209.912,156.864 L214.894,118.229 L176.635,118.229 L176.635,93.561 C176.635,82.375 179.742,74.752 195.783,74.752 L216.242,74.743 L216.242,40.188 C212.702,39.717 200.558,38.665 186.43,38.665 C156.932,38.665 136.738,56.67 136.738,89.736 L136.738,118.229 L103.376,118.229 L103.376,156.864 L136.738,156.864 L136.738,256.001 L176.635,256.001" fill="#FFFFFF"></path>
</g>
</svg>
</a>
&nbsp;&nbsp;&nbsp;
<a href="mailto:amitech2018@gmail.com" target="_blank">
<svg class="amitech-icon amitech-icon-logo h2 " viewBox="0 0 256 194">
<defs>
<linearGradient x1="0.00388991071%" y1="49.997619%" x2="100.032232%" y2="49.997619%" id="linearGradient-1">
</g>
</svg>&nbsp;&nbsp;&nbsp;
<svg class="amitech-icon amitech-icon-logo h2 " viewBox="0 0 256 194">
<defs>
<linearGradient x1="0.00388991071%" y1="49.997619%" x2="100.032232%" y2="49.997619%" id="linearGradient-1">
<stop stop-color="#000000" stop-opacity="0.1" offset="0%"></stop>
<stop stop-color="#000000" stop-opacity="0.2" offset="100%"></stop>
</linearGradient>
</defs>
<g>
</linearGradient>
</defs>
<g>
<path d="M238.833923,193.595007 L16.1542195,193.595007 C7.51970044,193.595007 0.248526454,186.551057 0.248526454,177.689314 L0.248526454,16.8145898 C0.248526454,8.18007073 7.29247625,0.908896748 16.1542195,0.908896748 L238.833923,0.908896748 C247.468442,0.908896748 254.739616,7.95284654 254.739616,16.8145898 L254.739616,177.689314 C254.739616,186.551057 247.695666,193.595007 238.833923,193.595007 L238.833923,193.595007 Z" fill="#E3E3E3"></path>
<path d="M32.0599126,193.595007 L127.266847,117.020456 L127.94852,112.930421 L29.7876708,42.2636988 L29.5604466,190.186644 L32.0599126,193.595007 Z" opacity="0.1" fill="#231F20"></path>
<path d="M16.1542195,193.595007 C7.29247625,193.595007 0.248526454,186.551057 0.248526454,177.689314 L0.248526454,16.5873656 C0.248526454,7.72562236 7.29247625,6.13505305 16.1542195,6.13505305 C25.0159628,6.13505305 32.0599126,7.95284654 32.0599126,16.5873656 L32.0599126,193.595007 L16.1542195,193.595007 L16.1542195,193.595007 Z" fill="#D54B3D"></path>
Expand All @@ -431,23 +428,19 @@ <h4 class="amitech-spacing-none mb2 h3 gray bold">Discover</h4>
<path d="M170.666667,193.595007 L1.57979906,23.1947544 L10.4736149,26.8124541 L128.175744,111.567076 L254.73962,18.7604631 L254.739616,177.916538 C254.739616,186.551057 247.695666,193.595007 238.833923,193.595007 L170.666667,193.595007 Z" fill="url(#linearGradient-1)"></path>
<path d="M127.266847,117.020456 L7.06525206,29.7663685 C0.0213022675,24.5402122 -2.02371542,14.542348 3.20244088,7.49839817 C8.42859718,0.454448374 18.6536856,-1.13612093 25.9248596,4.09003537 L127.494071,77.9378961 L229.744955,3.18113862 C236.788905,-2.04501768 246.786769,-0.454448374 252.012926,6.81672561 C257.239082,13.8606754 255.648513,23.8585396 248.377339,29.0846959 L127.266847,117.020456 L127.266847,117.020456 Z" fill="#D54B3D"></path>
<path d="M238.833923,2.27224187 L238.833923,2.27224187 C243.151182,2.27224187 247.241218,4.31725955 249.967908,7.95284654 C254.285167,14.0878996 252.921822,22.4951945 247.013993,27.0396782 L127.266847,114.293766 L8.42859718,27.948575 C2.29354414,23.4040913 0.702974828,14.7695722 5.02023438,8.86174329 C7.51970044,5.45338049 11.83696,3.18113862 16.3814437,3.18113862 C19.3353582,3.18113862 22.2892726,4.09003537 24.5615145,5.90782886 L125.903502,79.5284654 L127.266847,80.4373622 L128.630192,79.5284654 L230.653852,4.77170793 C233.153318,3.18113862 235.880008,2.27224187 238.833923,2.27224187 L238.833923,2.27224187 Z M238.833923,0 C235.652784,0 232.244421,0.908896748 229.517731,2.95391443 L127.266847,77.7106719 L25.6976354,3.86281118 C22.9709451,1.8177935 19.5625823,0.908896748 16.1542195,0.908896748 C11.1552874,0.908896748 6.15635532,3.18113862 2.9752167,7.49839817 C-2.02371542,14.542348 0.0213022675,24.5402122 7.06525206,29.7663685 L127.266847,117.24768 L248.150114,29.0846959 C255.194064,23.8585396 256.784634,14.0878996 251.785701,6.81672561 C248.604563,2.27224187 243.832855,0 238.833923,0 L238.833923,0 L238.833923,0 Z" fill="#D72B27"></path>
</g>
</svg>
</a>
</span>
</g>
</svg></span>
</div>
</div>

</div>
<div class="center">
</div>
<p class="amitech-spacing-none h3 gray bold px1 lg-py2 md-pt4">
<a href="amitech.amp" class="inline-block h2 line-height-1 circle white px1">
<svg class="amitech-icon amitech-icon-logo h2" viewbox="0 0 100 100"><g fill="none" fill-rule="evenodd" stroke="#fff" stroke-width="7.5"><circle cx="50" cy="50" r="45"></circle><path d="M20.395 83.158c-2.37-10.263-.79-18.553 4.737-24.87 8.29-9.472 17.763-1.183 26.052-9.472 8.29-8.29 2.37-18.948 10.658-26.053 5.526-4.737 12.237-6.316 20.132-4.737M39.084 95c-2.788-10.2-1.912-17.304 2.627-21.316 6.808-6.017 14.956-.68 24.088-9.623 9.13-8.94 3.062-17.133 10.255-23.534 4.795-4.267 10.282-5.668 16.46-4.203"></path></g></svg> </a>

Technology powered by FGC.</p>


<p class="amitech-spacing-none h4 gray bold px2 lg-py2 md-pt4 mt1 mb2">
<a href="amitech.amp" class="inline-block h2 line-height-1 circle white">
<svg class="amitech-icon amitech-icon-logo h2" viewbox="0 0 100 100"><g fill="none" fill-rule="evenodd" stroke="#fff" stroke-width="7.5"><circle cx="50" cy="50" r="45"></circle><path d="M20.395 83.158c-2.37-10.263-.79-18.553 4.737-24.87 8.29-9.472 17.763-1.183 26.052-9.472 8.29-8.29 2.37-18.948 10.658-26.053 5.526-4.737 12.237-6.316 20.132-4.737M39.084 95c-2.788-10.2-1.912-17.304 2.627-21.316 6.808-6.017 14.956-.68 24.088-9.623 9.13-8.94 3.062-17.133 10.255-23.534 4.795-4.267 10.282-5.668 16.46-4.203"></path></g></svg></a>
<span style="margin-left: 4px">Technology powered by FGC.</span></p>
<br>
</div>
<!--/ Left column -->
</div>
Expand Down