Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
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
135 changes: 130 additions & 5 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,11 +1,136 @@
<!DOCTYPE html>

<!DOCTYPE html>
<html lang="en">
<head>



<header>

<STYLE>A {text-decoration: none;} </STYLE>

<link rel="stylesheet" href="style/index.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<title>Chandra Can Code</title>

<section>
<div class="div1">
<h1>Chandra Can Code</h1>
</div>

<div class="div2">
<h2>Chandra Dhopatkar</h2>
</div>

<div class="div3"
<nav>
<ul class="container">
<li id="home"><a href="index.html"><button class=navButton>Home</button></a></li>
<li id="about"><a href="about.html"><button class=navButton>About</button></a></li>
<li id="contact"><a href="contact.html"><button class=navButton>Contact</button></a></li>
<li id="projects"><a href="projects.html"><button class=navButton>Projects</button></a></li>
</ul>
</nav>
</div>

<!-- ## separator line created from div below -->

<div class="separator">
</div>

</section>

</header>

<!-- ## here starts the main body of the website -->

<body>

<section class="parent">


<div class="container2">
<img class="mainPicture" src="https://picsum.photos/id/0/600/400/?grayscale" alt="Main Picture"/>
</div>

<div class="container3">


<div class="container3Text">
<h3>Chandra Dhopatkar</h3>
<div class="buttonDiv">
<a href="projects.html"><button id="myProjects">My Projects</button></a>


</div>
<p>I created this minimalist website to showcase some of my projects. This would make a nice template for an artist, wishing to exhibit their art, any other creative who wishes to cleanly present their work without distraction.</p>
<p>I'm a Lambda Student who loves to learn. I am always learning more and more about coding!</p>
</div>
</div>



</section>

<div class="pictureRow">

<div class="pictureColumn">
<img src="https://picsum.photos/400/300?grayscale" alt="pic1" style="width:100%">
</div>

<div class="pictureColumn">
<img src="https://picsum.photos/400/300?grayscale" alt="pic2" style="width:100%">
</div>

<div class="pictureColumn">
<img src="https://picsum.photos/400/300?grayscale" alt="pic3" style="width:100%">
</div>

<div class="pictureColumn">
<img src="https://picsum.photos/400/300?grayscale" alt="pic4" style="width:100%">
</div>
</div>

<div class="pictureRow2">

<div class="pictureColumn2">
<img src="https://picsum.photos/400/300?grayscale" alt="pic1" style="width:100%">
</div>

<div class="pictureColumn2">
<img src="https://picsum.photos/400/300?grayscale" alt="pic2" style="width:100%">
</div>

<div class="pictureColumn2">
<img src="https://picsum.photos/400/300?grayscale" alt="pic3" style="width:100%">
</div>

<div class="pictureColumn2">
<img src="https://picsum.photos/400/300?grayscale" alt="pic4" style="width:100%">
</div>
</div>

<!-- ## this is the footer area below -->
<section>
<div class="footerLine"></div>
<div class="footer"><div class="buttonDiv2">
<a href="contact.html"><button id="contactMe">Contact Me</button></a></div>
<div class="footerText"
<p>Like what you see?

</p>
</div>

</div>



</section>


</body>



</body>
</html>
Loading