Skip to content

Instantly share code, notes, and snippets.

Avatar
🎯
Focusing

Mayank Solan mayanksolan

🎯
Focusing
  • Give
  • Bengaluru
View GitHub Profile
@mayanksolan
mayanksolan / index.html
Created Dec 8, 2018
Personal Portfolio
View index.html
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
<body link="#404040">
<nav>
<ul id="navbar">
<li><a href="#welcome-section">About</a></li>
<li><a href="#projects">Work</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
View index.html
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
<nav id="navbar">
<header> My Top Games</header>
<ul>
<a class="nav-link" href="#max_payne" rel="internal">
<li>Max Payne</li>
</a>
<a class="nav-link" href="#call_of_duty_2" rel="internal">
<li>Call Of Duty 2</li>
</a>
View index.html
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
<style>
body {
font-family: Arial, Helvetica, sans-serif;
background-color: #404040;
}
.logo {
background-color: #8c8c8c;
@media (max-width: 650px) {
View index.html
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
<style>
body {
background-color: #b3d1ff;
}
#main {
font-family: "Trebuchet MS";
text-align: center;
color: #000066;
View index.html
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
<style>
body {
background-image: linear-gradient(to right, #29D695, #FFFFFF);
}
#main {
font-family: "Trebuchet MS";
}
.ques {
text-align:left;