Add collapse text for smartphone

This commit is contained in:
d3vyce 2022-09-02 14:48:00 +02:00
parent 6fc5596087
commit 09d5a3ceb7

View File

@ -73,9 +73,21 @@
</div>
<div class="col-lg-8 mt-4">
<blockquote>
<p class="text-white-65 mb-5">Hi, I'm Nicolas S aka d3vyce. I am a network and cybersecurity engineer living in France. I've always been passionate about computer science and technology, and over the years I've developed my skills in various fields such as programming, cybersecurity, infrastructure, networks, ... In addition to my master degree in networks and security, I love CTF and I have a homelab at home to continue my learning and experiment new things.</p>
<footer class="blockquote-footer"><cite>d3vyce - Nicolas. S</cite></footer>
<!-- Desktop/Tablet -->
<div class="d-none d-sm-block">
<p class="text-white-65 mb-5">Hi, I'm Nicolas S aka d3vyce. I am a network and cybersecurity engineer living in France. I've always been passionate about computer science and technology, and over the years I've developed my skills in various fields such as programming, cybersecurity, infrastructure, networks, ... In addition to my master degree in networks and security, I love CTF and I have a homelab at home to continue my learning and experiment new things.</p>
<footer class="blockquote-footer"><cite>d3vyce - Nicolas. S</cite></footer>
</div>
<!-- Smartphone -->
<div class="d-sm-none">
<p class="text-white-65">Hi, I'm Nicolas S aka d3vyce. I am a network and cybersecurity engineer living in France. <a class="text-accent" data-bs-toggle="collapse" href="#bio-collapse" role="button" aria-expanded="false" aria-controls="bio-collapse">Read more...</a></p>
<div class="collapse" id="bio-collapse">
<p class="text-white-65">I've always been passionate about computer science and technology, and over the years I've developed my skills in various fields such as programming, cybersecurity, infrastructure, networks, ... In addition to my master degree in networks and security, I love CTF and I have a homelab at home to continue my learning and experiment new things.</p>
</div>
<footer class="blockquote-footer mt-2"><cite>d3vyce - Nicolas. S</cite></footer>
</div>
</blockquote>
</div>
</div>
</div>