Skip to content

Commit

Permalink
V3.4
Browse files Browse the repository at this point in the history
  • Loading branch information
@Rohith0009
Rohith0009 committed Feb 13, 2022
1 parent 70ded97 commit 6240528
Show file tree
Hide file tree
Showing 4 changed files with 69 additions and 55 deletions.
12 changes: 7 additions & 5 deletions Info/about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,11 +8,13 @@

<body>
<div style="margin-top: 260px">
<p id="copy">&copy; By Rohith M</p>
<br />
<p>Built On Visual Studio Code</p>
<br />
<p>Version 3.3</p>
<b>
<p id="copy">&copy;Rohith M 2022</p>
<br />
<p>Built On Visual Studio Code</p>
<br />
<p>Version 3.4</p>
</b>
<br />
<a id="version-his" href="version.html" target="_blank"> Click To view Version History </a>
</div>
Expand Down
18 changes: 18 additions & 0 deletions Info/version.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,24 @@ <h1>My Portfolio Website Version History</h1>
<br /><br />

<div class="line"></div>
<h2>Version 3.4</h2>
<h7> Date: 13-2-2022</h7>
<h3>New Features:</h3>
<ul class="items">
<li><img src="Bullet point.png" /> Changed The Font Style</li>
<li><img src="Bullet point.png" /> Changed The Height Of Of The Home Page For Specific devices</li>
<li><img src="Bullet point.png" /> Removed Unused Code</li>
<li><img src="Bullet point.png" /> Updated To Fontawesome6 For All The Icons And Also Changed Some Icons</li>
<li><img src="Bullet point.png" /> Updated The About Page</li>
</ul>
<h3>Fixes:</h3>
<ul class="items">
<li><img src="Bullet point.png" />Fixed The Math Quiz Link Not Working</li>
<li><img src="Bullet point.png" />Fixed The MenuBar Not Collapsing On Mobile Devices</li>
</ul>
<br /><br />
<div class="line"></div>

<h2>Version 3.3</h2>
<h7> Date: 24-1-2022</h7>
<h3>New Features:</h3>
Expand Down
68 changes: 34 additions & 34 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,17 +22,17 @@
<!-- Link Tags -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css" />
<link rel="stylesheet" href="style.css" />
<link rel="icon" href="Portfolio_Icon.png" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
<link rel="icon" href="Portfolio_icon.png" />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300&family=Roboto&display=swap" rel="stylesheet" />
<!-- Script Tags -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
<script src="main.js"></script>
<script src="//code.tidio.co/bo7ojrr3a3sjwj3r8wtpg8llxeyvhw0m.js" async></script>
<script src="https://kit.fontawesome.com/6fb54d94e0.js" crossorigin="anonymous"></script>
<script defer src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
<script defer src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script defer src="main.js"></script>
<script defer src="//code.tidio.co/bo7ojrr3a3sjwj3r8wtpg8llxeyvhw0m.js" async></script>
<script defer src="https://kit.fontawesome.com/6fb54d94e0.js" crossorigin="anonymous"></script>
</head>

<body>
Expand All @@ -50,25 +50,25 @@
<div class="collapse navbar-collapse" id="mynavbar">
<ul class="nav navbar-nav">
<li>
<a href="#Home"> Home &nbsp; <i class="fas fa-home"> </i> </a>
<a href="#Home" class="nc"> Home &nbsp; <i class="fa-solid fa-house-chimney fa-beat"> </i> </a>
</li>
<li>
<a href="#About"> About Me &nbsp; <i class="fas fa-user"> </i> </a>
<a href="#About" class="nc"> About Me &nbsp; <i class="fa-solid fa-user fa-beat"> </i> </a>
</li>
<li>
<a href="#Hobbies"> Hobbies &nbsp; <i class="fas fa-biking"> </i> </a>
<a href="#Hobbies" class="nc"> Hobbies &nbsp; <i class="fa-solid fa-laptop-code fa-beat"> </i> </a>
</li>
<li>
<a href="#Skills"> Skills &nbsp; <i class="fas fa-snowboarding"></i> </a>
<a href="#Skills" class="nc"> Skills &nbsp; <i class="fa-solid fa-trophy fa-beat"></i> </a>
</li>
<li>
<a href="#Projects"> Projects &nbsp; <i class="fas fa-folder-open"> </i> </a>
<a href="#Projects" class="nc"> Projects &nbsp; <i class="fa-solid fa-folder-open fa-beat"> </i> </a>
</li>
<li>
<a href="#Videos"> Videos &nbsp; <i class="fas fa-video"> </i> </a>
<a href="#Videos" class="nc"> Videos &nbsp; <i class="fa-solid fa-video fa-beat"> </i> </a>
</li>
<li>
<a href="#Contact"> Contact &nbsp; <i class="fas fa-id-card"> </i> </a>
<a href="#Contact" class="nc"> Contact &nbsp; <i class="fa-solid fa-address-card fa-beat"> </i> </a>
</li>
</ul>
</div>
Expand Down Expand Up @@ -108,7 +108,7 @@ <h3 id="dev-2" class="animate__animated animate__bounce animate__slow animate__i

<!-- About Section -->
<section id="About">
<h2 class="animate__animated animate__pulse animate__slow animate__infinite">About Me</h2>
<h2 class="animate__animated animate__pulse animate__slow animate__infinite heading">About Me</h2>

<p class="content-para">
Hello👋 My Name Is Rohith M, I am A Young Developer I Love To Create Apps And Websites On My Own. I Live In Bangalore, India And I Am Studying in 6<sup>th</sup> Grade ICSE in Bangalore International Academy. I was Born On January 9 2010
Expand All @@ -118,9 +118,9 @@ <h2 class="animate__animated animate__pulse animate__slow animate__infinite">Abo

<!-- Hobbies Section -->
<section id="Hobbies">
<h2 class="animate__animated animate__pulse animate__slow animate__infinite">My Hobbies</h2>
<h2 class="animate__animated animate__pulse animate__slow animate__infinite heading">My Hobbies</h2>
<center>
<img src="Hobby_Gif.gif" class="img-responsive" id="gif_coding" />
<img src="Hobby_gif.gif" class="img-responsive" id="gif_coding" />
</center>
<p class="content-para">
My hobby is Coding and programming in my free time. Whenever I get free time, I turn on my computer and think what apps I can make Then I Open the coding platform and start coding. When I am bored, I start making YouTube videos on coding.
Expand All @@ -130,9 +130,9 @@ <h2 class="animate__animated animate__pulse animate__slow animate__infinite">My

<!-- Skills Section -->
<section id="Skills">
<h2 class="animate__animated animate__pulse animate__slow animate__infinite">My Skills</h2>
<h2 class="animate__animated animate__pulse animate__slow animate__infinite heading">My Skills</h2>
<center>
<img src="Rubiks_Gif.gif" class="img-responsive" id="gif_rubiks" />
<img src="Rubiks_gif.gif" class="img-responsive" id="gif_rubiks" />
</center>

<p class="content-para">
Expand All @@ -143,19 +143,19 @@ <h2 class="animate__animated animate__pulse animate__slow animate__infinite">My

<!-- Projects Section -->
<section id="Projects">
<h2 class="animate__animated animate__pulse animate__slow animate__infinite">My Projects</h2>
<h2 class="animate__animated animate__pulse animate__slow animate__infinite heading">My Projects</h2>
<ul>
<li class="projects_items"><a href="https://rohithwhitehatjr.github.io/About-Windows-10/" target="_blank"> About Windows 10 </a></li>
<li class="projects_items"><a href="https://rohithwhitehatjr.github.io/Music-Player/" target="_blank"> Music Player </a></li>
<li class="projects_items"><a href="https://rohithwhitehatjr.github.io/Thomas-Edision/" target="_blank"> Thomas Edision Website </a></li>
<li class="projects_items"><a href="https://rohithwhitehatjr.github.io/Basic-Calculator/" target="_blank"> Basic Calculator </a></li>
<li class="projects_items"><a href="https://rohithwhitehatjr.github.io/Math-Quiz-Game/" target="_blank"> Math Quiz </a></li>
<li class="projects_items"><a href="https://rohithwhitehatjr.github.io/Math-Quiz/" target="_blank"> Math Quiz </a></li>
</ul>
</section>

<!-- Videos Section -->
<section id="Videos">
<h2 class="animate__animated animate__pulse animate__slow animate__infinite">My Videos</h2>
<h2 class="animate__animated animate__pulse animate__slow animate__infinite heading">My Videos</h2>

<h3 class="i-frame_heading animate__animated animate__flipInX animate__slow animate__infinite" style="font-size: xx-large">1. Introduction To HTML, CSS And JS | Part 2</h3>
<div class="iframe-container">
Expand Down Expand Up @@ -214,40 +214,40 @@ <h3 class="i-frame_heading animate__animated animate__flipInX animate__slow anim

<!-- Contact Section -->
<section id="Contact">
<h2 class="animate__animated animate__pulse animate__slow animate__infinite" style="color: black">Contacts</h2>
<h2 class="animate__animated animate__pulse animate__slow animate__infinite heading" style="color: black">Contacts</h2>
<div class="contact_div">
<div class="contact_items">
<a href="mailto:[email protected]" target="_blank">
<i class="fas fa-envelope fa-lg"> </i> &nbsp; &nbsp;
<span style="color: lime"><i class="fa-solid fa-envelope fa-xl"> </i></span> &nbsp;
<h3 class="contact_label">[email protected]</h3>
</a>
<br />
</div>
<div class="contact_items">
<a href="https://github.com/RohithWhitehatjr" target="_blank">
<i class="fab fa-github fa-lg"> </i> &nbsp; &nbsp;
<h3 class="contact_label">@RohithWhitehatjr</h3>
<span style="color: white"><i class="fa-brands fa-github fa-xl"></i></span> &nbsp;
<h3 class="contact_label" style="color: white">@RohithWhitehatjr</h3>
</a>
<br />
</div>
<div class="contact_items">
<a href="https://discord.gg/bkpZymmXyA" target="_blank">
<i class="fab fa-discord fa-lg"> </i> &nbsp; &nbsp;
<h3 class="contact_label">Rohith M#0709</h3>
<span style="color: #5662f6"><i class="fa-brands fa-discord fa-xl"></i></span> &nbsp;
<h3 class="contact_label" style="color: #5662f6">Rohith M#0709</h3>
</a>
<br />
</div>
<div class="contact_items">
<a href="https://twitter.com/RohithM0009" target="_blank">
<i class="fab fa-twitter fa-lg"> </i> &nbsp; &nbsp;
<h3 class="contact_label">RohithM0009</h3>
<span style="color: #1da1f2"><i class="fa-brands fa-twitter fa-xl"></i></span> &nbsp;
<h3 class="contact_label" style="color: #1da1f2">RohithM0009</h3>
</a>
<br />
</div>
<div class="contact_items">
<a href="https://t.me/Rohith0009" target="_blank">
<i class="fab fa-telegram-plane fa-lg"> </i> &nbsp; &nbsp;
<h3 class="contact_label">Rohith0009</h3>
<span style="color: #1a91cd"><i class="fa-brands fa-telegram fa-xl"></i></span> &nbsp;
<h3 class="contact_label" style="color: #1a91cd">Rohith0009</h3>
</a>
<br />
</div>
Expand All @@ -258,7 +258,7 @@ <h3 class="contact_label">Rohith0009</h3>

<!-- Extra Content -->
<script type="text/javascript">
$(".js-scroll-trigger").click(function () {
$(".nc").click(function () {
$(".navbar-collapse").collapse("hide");
});
</script>
Expand Down
26 changes: 10 additions & 16 deletions style.css
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
:root {
--default_font_family: "Roboto", sans-serif;
--default_font_family: "Inter", sans-serif;
--section_padding_top: 19px;
}

Expand All @@ -11,17 +11,14 @@ body {
background: transparent;
}

h2 {
.heading {
font-size: 50px;
}

h2 {
font-weight: bold;
font-family: "Roboto", sans-serif;
color: black;
}

p {
font-size: 30px;
font-family: var(--default_font_family);
}

ul {
Expand Down Expand Up @@ -59,6 +56,7 @@ section {

.contact_div a {
color: white;
text-shadow: none;
text-decoration: none;
}

Expand Down Expand Up @@ -100,57 +98,53 @@ section {
}

#home-s {
height: 721px;
/* height: 721px; */
height: 92vh;
position: relative;
color: white;
padding-top: 0%;
}

#About {
background: linear-gradient(#ff8f6b 0%, #dddddd 100%);
width: 100%;
padding-top: var(--section_padding_top);
font-family: var(--default_font_family);
}

#Hobbies {
background: linear-gradient(90deg, #5662f6 0%, #90ee90 100%);
width: 100%;
padding-top: var(--section_padding_top);
font-family: var(--default_font_family);
}

#Skills {
background: linear-gradient(90deg, #03fc94 0%, #fc6703 100%);
width: 100%;
padding-top: var(--section_padding_top);
font-family: var(--default_font_family);
}

#Projects {
background: linear-gradient(#68d9ff 0%, #6cd67b 100%);
width: 100%;
padding-top: var(--section_padding_top);
font-family: var(--default_font_family);
}

#Videos {
background: #eec310;
width: 100%;
padding-top: var(--section_padding_top);
font-family: var(--default_font_family);
}

#Contact {
background: linear-gradient(90deg, red 0%, blue 100%);
width: 100%;
height: 270px;
font-family: var(--default_font_family);
}

.my_nav_bar {
position: sticky;
top: 0;
z-index: 99999;
z-index: 9999;
}

#menu-bar-nav a {
Expand Down Expand Up @@ -319,4 +313,4 @@ iframe::selection {
}
}

/***End Of Code***/
/***End Of Code***/

0 comments on commit 6240528

Please sign in to comment.