Skip to content

Education and Blog Section Updated #84

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
wants to merge 5 commits into
base: main
Choose a base branch
from
Open

Education and Blog Section Updated #84

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
d061084
First Open Source by Adarsh Kumar Dubey
dubeyadarsh Oct 4, 2021
44d665b
Merge branch 'main' into main
dubeyadarsh Oct 4, 2021
0e0215f
Merge branch 'main' into main
dubeyadarsh Oct 5, 2021
ef4ac41
Merge branch 'main' into main
dubeyadarsh Oct 5, 2021
802c22a
Merge branch 'main' into main
adithyapaib Oct 5, 2021
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
37 changes: 36 additions & 1 deletion assets/css/main.css
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Binary file added assets/img/blog.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/clg.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/eng_clg.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
141 changes: 136 additions & 5 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -56,6 +56,9 @@
<!--For the best material icons -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<title>Adithya Pai | Web designer</title>
<!-- Adding Bootstrap -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
</head>

<body>
Expand All @@ -64,7 +67,16 @@


<!--Make sure that the image u add here is a square image and for best performance compress the image -->


<div class="img animate__animated animate__slideInDown wow" data-wow-duration="1.5s" data-wow-delay="0.3s"><img
src="assets/img/me.jpg" alt="name photo"></div>

<div class="img animate__animated animate__slideInDown wow" data-wow-duration="1.5s" data-wow-delay="0.3s"><!--<img src="assets/img/me.jpg" alt="name photo">--></div>


<div class="img animate__animated animate__slideInDown wow" data-wow-duration="1.5s" data-wow-delay="0.3s"><img src="assets/img/me.jpg" alt="name photo"></div>

<div class="me animate__animated animate__slideInUp wow" data-wow-duration="1.5s" data-wow-delay="0.3s">
<!--Enter your name here-->
<section class="shortme">
Expand All @@ -75,13 +87,29 @@ <h3 id="typed"></h3>
</div>
<div class="about">
<div class="card-wrapper">

<div class="box box1 animate__animated animate__slideInLeft data-wow-duration=" 1s" data-wow-delay="0s">
<span> <b>About Me</b></span>
<!--Add a SQUARE IMAGE OF YOURS FOR BEST APPEARENCE (1:1)-->
<img src="assets/img/aboutme.jpg" alt="">
<p>Hey I am Adithya Pai from Mangalore, India.<br>I am currently pursuing my BE in Computer Science.
<br> I love to design websites and <b style="color: #f53f2b;">UI/UX</b>
</p>
//changes to the resume making it responsive.
<div class="resume"><button type="submit"
onclick=" window.open('http:\/\/resume.adithyapai.com', '_blank')">Resume</button></div>
</div>
<div class="box box2 animate__animated animate__slideInRight wow" data-wow-duration="1s"
data-wow-delay="0.37s"> <span><b>Skills</b></span>

<div class="box box1 animate__animated animate__slideInLeft wow" data-wow-duration="1s" data-wow-delay="0s"><span> <b>About Me</b></span>
<!--Add a SQUARE IMAGE OF YOURS FOR BEST APPEARENCE (1:1)-->
<img src="assets/img/aboutme.jpg" alt="">
<p>Hey I am Adithya Pai from Mangalore, India.<br>I am currently pursuing my BE in Computer Science. <br> I love to design websites and <b style="color: #f53f2b;">UI/UX</b></p>
<div class="resume"><button>Resume</button></div>
</div>
<div class="box box2 animate__animated animate__slideInUp wow" data-wow-duration="1s" data-wow-delay="0.37s"> <span><b>Skills</b></span>

<br> <span> Programming</span>
<ul class="mainlist">
<!--U can use Fontawsome icons here-->
Expand All @@ -105,19 +133,23 @@ <h3 id="typed"></h3>
<ul class="mainlist">
<!--USE ICONS FROM ICONS8 OF SIZE 48PX FOR BEST APPEARANCE -->
<ul class="sublist">
<li class="icon"><img src="https://img.icons8.com/windows/48/000000/adobe-illustrator.png" alt="illustrator" /></li>
<li class="icon"><img src="https://img.icons8.com/windows/48/000000/adobe-illustrator.png"
alt="illustrator" /></li>
<li>Illustrator</li>
</ul>
<ul class="sublist">
<li class="icon"><img src="https://img.icons8.com/windows/48/000000/adobe-photoshop.png" alt="Photoshop" /></li>
<li class="icon"><img src="https://img.icons8.com/windows/48/000000/adobe-photoshop.png"
alt="Photoshop" /></li>
<li>Photoshop</li>
</ul>
<ul class="sublist">
<li class="icon"><img src="https://img.icons8.com/windows/48/000000/adobe-xd.png" alt="adobe xd" /></li>
<li class="icon"><img src="https://img.icons8.com/windows/48/000000/adobe-xd.png"
alt="adobe xd" /></li>
<li>XD</li>
</ul>
<ul class="sublist">
<li class="icon"><img src="https://img.icons8.com/windows/48/000000/figma.png" alt="figma" /></li>
<li class="icon"><img src="https://img.icons8.com/windows/48/000000/figma.png" alt="figma" />
</li>
<li>Figma</li>
</ul>
</ul>
Expand All @@ -128,6 +160,21 @@ <h3 id="typed"></h3>
<li>Git</li>
</ul>
<ul class="sublist">

<li class="icon"><img src="https://img.icons8.com/windows/32/000000/github.png" alt="github" />
</li>
<li>Github</li>
</ul>
<ul class="sublist">
<li class="icon"><img
src="https://img.icons8.com/carbon-copy/32/000000/visual-studio-code-2019.png"
alt="vscode" /></li>
<li>VS Code</li>
</ul>
<ul class="sublist">
<li class="icon"><img src="https://img.icons8.com/windows/32/000000/gitlab.png" alt="gitlab">
</li>

<li class="icon"><img src="https://img.icons8.com/windows/48/000000/github.png" alt="github" /></li>
<li>Github</li>
</ul>
Expand All @@ -137,6 +184,7 @@ <h3 id="typed"></h3>
</ul>
<ul class="sublist">
<li class="icon"><img src="https://img.icons8.com/windows/48/000000/gitlab.png" alt="gitlab"></li>

<li>Gitlab</li>
</ul>
</ul>
Expand Down Expand Up @@ -278,7 +326,17 @@ <h2>Coding is Love</h2>
rem ipsa distinctio illum quae mollitia ut, accusantium eius odio ducimus illo neque atque libero non sunt
harum? Ipsum repellat animi, fugit architecto voluptatum odit et!</p>
<div class="resume "><button>Know More</button></div>

</div>


</section>
<!-- This will Contains blog Sections -->
<section id="education">
<div class="ed-container">
<div class="projects-header mt-4">
<h1 class="section-title text-success"> BLOG</h1>


</div>
</section>
Expand Down Expand Up @@ -327,13 +385,84 @@ <h2>Coding is Love</h2>
</div>



</div>

<div class="container">
<p class="blog-para px-4"><strong>This is my First Blog ,I hope you guys will like it, Thank you!</strong> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum laboriosam beatae
molestias ipsa officia accusantium culpa atque? Eum ipsum necessitatibus aspernatur qui!
Veritatis iure saepe possimus quos sunt ipsa et laudantium nostrum hic recusandae. Modi
provident obcaecati totam voluptatum quidem odit accusantium molestiae doloribus tempora,
maxime, quia quasi facilis temporibus, culpa cupiditate atque eius ea unde distinctio sunt ut
nostrum. Sequi dicta nesciunt quo omnis explicabo, ut, optio at veniam quisquam itaque
aspernatur. Magni ullam unde minus, deserunt nulla aperiam aspernatur totam, harum, similique
illo incidunt iure ab et commodi earum! Nostrum nobis, quod voluptatem earum repudiandae error
tempore aperiam. Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique iste possimus numquam aliquam officiis molestias error, facere dolore nam sunt repellendus quidem iure quae impedit, quo autem rem quis nemo inventore. Velit maxime, optio nisi doloremque blanditiis sapiente incidunt alias soluta tempore quibusdam illum quia provident ducimus dolores numquam nihil perspiciatis architecto aspernatur facere possimus corrupti corporis deserunt. Necessitatibus quo iure omnis odio vel assumenda vero at. Ullam numquam nemo ad accusantium animi optio cum dicta quam quaerat adipisci eligendi, obcaecati accusamus at deleniti doloribus eos molestias libero, amet debitis commodi incidunt aliquid vero iste. Illum in tenetur doloribus iusto praesentium repellat deserunt nemo officia? Asperiores laborum quis, accusamus in nemo suscipit ipsam quisquam repellat corporis illo eaque obcaecati vel excepturi fugiat. Unde doloremque maxime ipsa eveniet? Et animi exercitationem delectus similique? Odit maxime assumenda dolorem veritatis odio voluptas autem dicta laborum fugit quaerat, ipsum, ducimus suscipit repudiandae impedit recusandae! Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsa error dolore deleniti commodi reiciendis cupiditate deserunt dolores, doloribus, quisquam, architecto asperiores rerum vero a dolorem fugiat repellat quae sapiente impedit expedita est! Tenetur delectus id necessitatibus minus ab repellendus, obcaecati ipsum labore ipsam ducimus assumenda recusandae facilis, unde praesentium fugiat repudiandae natus alias amet nam? Veritatis nemo rem, totam quod iure quisquam earum eaque quaerat deleniti assumenda explicabo velit est architecto autem sed praesentium corporis? Fugit nobis minima maiores sapiente obcaecati repellat, deserunt, animi omnis assumenda doloremque exercitationem? Dolor at necessitatibus qui tempora, distinctio quos eaque ea autem itaque laborum ex dolore quia voluptatum iste animi dicta sit voluptas perferendis accusamus dignissimos unde? Quia consequuntur atque, nostrum ut aspernatur praesentium soluta nam facere doloremque illum eius quis possimus explicabo magni deserunt ducimus voluptatum veniam nihil ipsa perferendis repellat dolorum non veritatis. Enim, dolore cupiditate culpa, ea magnam quae accusantium ratione dolorum explicabo aliquam perferendis vitae quis, eveniet delectus sed quidem rerum minima unde nulla fuga maiores! Dolore, voluptatum unde voluptas alias dolorem porro totam possimus optio architecto perferendis quia quas accusantium quo, fuga ab quidem eveniet enim distinctio, reiciendis illum mollitia autem! Repellat, quasi est ea vitae itaque velit. Laborum quam consectetur dolores veritatis quos sequi dolorum omnis ex quasi, dolorem consequatur excepturi quis maxime nisi magni animi. Modi cupiditate nam labore ex dignissimos culpa unde aspernatur, vel deleniti voluptatem dolores quis quibusdam autem, beatae facere ad ea nemo, dolorem sequi odit minima totam? Laudantium rem quos et recusandae voluptatum. </p>
</div>

<div class="footer">Made with ❤️ by <a href="https://adithyapai.com">Adithya Pai</a></div>
<div class="back_to_top"><a href="#backToTop"><i class="fas fa-arrow-up"></i></a></div>


<div class="footer ">Made with ❤️ by <a href="https://adithyapai.com ">Adithya Pai</a></div>
<div class="back_to_top "><a href="#backToTop "><i class="fas fa-arrow-up "></i></a></div>

</div>
</div>


</section>
<!-- End Projects Section -->
<div class="box box3 animate__animated animate__slideInRight wow" data-wow-duration="1s" data-wow-delay="0.75s">
<div>
<ul>
<!--Enter your project-pic links here-->
<li><a href="https://github.com/adithyapaib" target="_blank"><i class="fab fa-github iconn"></i></a>
</li>
<li><a href="https://www.linkedin.com/in/adithyapaib" target="_blank"><i
class="fab fa-linkedin-in iconn"></i></a></li>
<li><a href="mail:paiadithya26@gmail.com" target="_blank"><i class="fas fa-at iconn"></i></a></li>
<li><a href="https://twitter.com/adithyapaib" target="_blank"><i class="fab fa-twitter iconn"></i></a>
</li>
</ul>
</div>
<div class="footer">Made with ❤️ by <a href="https://adithyapai.com">Adithya Pai</a></div>
</div>


</div>

<!--TypedJs -->
<script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.11"></script>
<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"
integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ"
crossorigin="anonymous"></script>

<script>
//Enter your specilizations here
var typed = new Typed("#typed", {
strings: ['Programmer', 'Engineer', 'Gamer ', 'Designer'],
typeSpeed: 50,
smartBackspace: true,
backSpeed: 35,
loop: true,
showCursor: false,
});
</script>
<!--Wow js is for aniamtion on scroll-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"
integrity="sha512-Eak/29OTpb36LLo2r47IpVzPBLXnAMPAVypbSZiZ4Qkf8p/7S/XRG5xp7OKWPPYfJT6metI+IORkR5G8F900+g=="
crossorigin="anonymous"></script>
<script>
new WOW().init();
</script>




<!--Dont forget to follow me and star the repo on github !!!!!!!-->
</body>

<!--TypedJs -->
<script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.11 "></script>
Expand Down Expand Up @@ -557,6 +686,7 @@ <h2>Coding is Love</h2>
<h2>Contact Me</h2>
<div class="box box3 animate__animated animate__slideInRight wow">
<h2>Contact Me</h2>

<form>
<div class="form-group">
<label for="mail">Email address</label>
Expand Down Expand Up @@ -605,5 +735,6 @@ <h2>Contact Me</h2>
<!--Dont forget to follow me and star the repo on github !!!!!!!-->
</body>

</html>


</html>