Skip to content

Commit

Permalink
made 'row info-wrapper' readable, added comments for each section
Browse files Browse the repository at this point in the history
  • Loading branch information
@moroii69
moroii69 committed Feb 23, 2024
1 parent 330992b commit d7c0bd1
Showing 1 changed file with 92 additions and 89 deletions.
181 changes: 92 additions & 89 deletions index-firstsem.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -51,70 +51,61 @@ <h2 class="data-hub" style="font-family: 'metropolis-semibold', sans-serif; colo

<div class="col-eight home-content__text pull-right">
<h3>Welcome to DATAHUB LIET</h3>
<!-- container for a row of custom blocks -->
<div class="custom-row" style="font-size: 70px;">

<!-- custom block layout for different screen sizes -->
<div class="custom-block-1-2 custom-block-m-1-2 custom-block-tab-full">

<!-- styles for custom entry titles -->
<style>
/* set link color to white */
.custom-entry__title a {
color: white;
text-decoration: none;
}

/* set text color, background color, and styling */
.custom-entry__title {
color: white;
background-color: rgba(236, 0, 140, 0.4); /* semi-transparent pink background */
padding: 10px;
border-radius: 30px;
margin-bottom: 20px;
transition: color 0.3s, transform 0.3s; /* smooth transition effect for color and movement */
}

/* hover effect to move the text upwards */
.custom-entry__title:hover {
transform: translateY(-5px);
}
</style>

<!-- custom block containing a link -->
<div class="custom-col-block custom-entry">
<!-- link to a placeholder URL -->
<a href="#">
<!-- title for question banks -->
<div class="custom-entry__title">
Question Banks
</div>
</a>
</div>

<!-- custom block containing another link -->
<div class="custom-col-block custom-entry">
<!-- link to a placeholder URL -->
<a href="#">
<!-- title for question papers -->
<div class="custom-entry__title">
Question Papers
</div>
</a>
</div>
<!-- container for a row of custom blocks -->
<div class="custom-row" style="font-size: 70px;">

<!-- custom block layout for different screen sizes -->
<div class="custom-block-1-2 custom-block-m-1-2 custom-block-tab-full">

<!-- styles for custom entry titles -->
<style>
/* set link color to white */
.custom-entry__title a {
color: white;
text-decoration: none;
}

/* set text color, background color, and styling */
.custom-entry__title {
color: white;
background-color: rgba(236, 0, 140, 0.4); /* semi-transparent pink background */
padding: 10px;
border-radius: 30px;
margin-bottom: 20px;
transition: color 0.3s, transform 0.3s; /* smooth transition effect for color and movement */
}

/* hover effect to move the text upwards */
.custom-entry__title:hover {
transform: translateY(-5px);
}
</style>

<!-- custom block containing a link -->
<div class="custom-col-block custom-entry">
<!-- link to a placeholder URL -->
<a href="#">
<!-- title for question banks -->
<div class="custom-entry__title">
Question Banks
</div>
</a>
</div>

<!-- custom block containing another link -->
<div class="custom-col-block custom-entry">
<!-- link to a placeholder URL -->
<a href="#">
<!-- title for question papers -->
<div class="custom-entry__title">
Question Papers
</div>
</a>
</div>

</div>
</div>
</div>










<!-- <div class="home-content__subscribe">
<form id="mc-form" class="group" novalidate="true">
<input type="email" value="" name="EMAIL" class="email" id="mc-email" placeholder="Email Address" required="">
Expand Down Expand Up @@ -151,24 +142,25 @@ <h3>Launching In</h3>

</div> <!-- end home-content__main -->

<!-- social media links -->
<ul class="home-social">
<li>
<a href="https://wa.me/918125709785" target="_blank"><i class="fab fa-facebook fa-facebook" aria-hidden="true"></i><span>Whatsapp</span></a>
</li>
<li>
<a href="https://twitter.com/Ufraan1" target="_blank"><i class="fab fa-twitter" aria-hidden="true"></i><span>Twiiter</span></a>
</li>
<li>
<a href="https://www.instagram.com/ufraaan/" target="_blank"><i class="fab fa-instagram" aria-hidden="true"></i><span>Instagram</span></a>
</li>
<li>
<a href="https://www.linkedin.com/in/ufraaan/" target="_blank"><i class="fab fa-linkedin" aria-hidden="true"></i><span>Linkedin</span></a>
</li>
<li>
<a href="https://github.com/Ufraan/" target="_blank"><i class="fab fa-github" aria-hidden="true"></i><span>Github</span></a>
</li>
<!-- Whatsapp -->
<li><a href="https://wa.me/918125709785" target="_blank"><i class="fab fa-facebook fa-facebook" aria-hidden="true"></i><span>Whatsapp</span></a></li>

<!-- Twitter -->
<li><a href="https://twitter.com/Ufraan1" target="_blank"><i class="fab fa-twitter" aria-hidden="true"></i><span>Twitter</span></a></li>

<!-- Instagram -->
<li><a href="https://www.instagram.com/ufraaan/" target="_blank"><i class="fab fa-instagram" aria-hidden="true"></i><span>Instagram</span></a></li>

<!-- Linkedin -->
<li><a href="https://www.linkedin.com/in/ufraaan/" target="_blank"><i class="fab fa-linkedin" aria-hidden="true"></i><span>Linkedin</span></a></li>

<!-- Github -->
<li><a href="https://github.com/Ufraan/" target="_blank"><i class="fab fa-github" aria-hidden="true"></i><span>Github</span></a></li>
</ul> <!-- end home-social -->


<div class="row home-copyright">
<span></span>
<span>Developed by Mohammed Ufraan</span>
Expand All @@ -191,61 +183,72 @@ <h3>Launching In</h3>

<div class="row info-wrapper">

<!-- main information section -->
<div class="col-seven tab-full info-main">
<!-- about the developer -->
<h1>About the <span style="color: #ec008c;">Dev</span></h1>
<!-- developer's name -->
<h1 style="font-size: 45px;">Mohammed Ufraan</h1>
<!-- welcome message and introduction -->
<p>
Welcome to <b>DataHub LIET!</b> I'm Mohammed Ufraan, a first-year Computer Science undergrad at Lords Institute of Engineering and Technology. With a passion for full-stack web development and UI/UX design, I've crafted this platform to streamline access to academic resources for first-year students like you.
</p>

<!-- further introduction -->
<p>
Join me on this journey as we explore innovative solutions to enhance your educational experience. With hands-on experience in web development, cybersecurity, Python, and more, I'm dedicated to creating a user-friendly environment where you can excel in your studies.
Join me on this journey as we explore innovative solutions to enhance your educational experience. With hands-on experience in web development, cybersecurity, Python, and more, I'm dedicated to creating a user-friendly environment where you can excel in your studies.
</p>
</div>


<!-- contact information section -->
<div class="col-four tab-full pull-right info-contact">

<!-- start a conversation block -->
<div class="info-block">
<h3>Start A Conversation</h3>
<p>
<a href="mailto:#0" class="info-email">[email protected]</a><br>

</p>
</div>


<!-- meet me block -->
<div class="info-block">
<h3>Meet me!</h3>

<!-- address and location link -->
<a href="https://www.lords.ac.in/" class="info-address">
L.I.E.T.<br>
Hyderabad<br>
</a>
</div>


<!-- find me on block -->
<div class="info-block">
<h3>Find Me On</h3>

<!-- social media links -->
<ul class="info-social">
<!-- whatsapp -->
<li>
<a href="https://wa.me/918125709785" target="_blank"><i class="fab fa-facebook" aria-hidden="true"></i><span>Whatsapp</span></a>
</li>
<!-- twitter -->
<li>
<a href="https://twitter.com/Ufraan1" target="_blank"><i class="fab fa-twitter" aria-hidden="true"></i><span>Twiiter</span></a>
<a href="https://twitter.com/Ufraan1" target="_blank"><i class="fab fa-twitter" aria-hidden="true"></i><span>Twitter</span></a>
</li>
<!-- instagram -->
<li>
<a href="https://www.instagram.com/ufraaan/" target="_blank"><i class="fab fa-instagram" aria-hidden="true"></i><span>Instagram</span></a>
</li>
<!-- linkedin -->
<li>
<a href="https://www.linkedin.com/in/ufraaan/" target="_blank"><i class="fab fa-linkedin" aria-hidden="true"></i><span>Linkedin</span></a>
<a href="https://www.linkedin.com/in/ufraaan/" target="_blank"><i class="fab fa-linkedin" aria-hidden="true"></i><span>LinkedIn</span></a>
</li>
<!-- github -->
<li>
<a href="https://github.com/Ufraan/" target="_blank"><i class="fab fa-github" aria-hidden="true"></i><span>Github</span></a>
</li>
</ul>

</div>

</div> <!-- end info contact -->
</div>


</div> <!-- end info wrapper -->

Expand Down

0 comments on commit d7c0bd1

Please sign in to comment.