You are browsing as a guest. Sign up (or log in) to start making projects!

AVIAN FILES!

  • 6 Devlogs
  • 13 Total hours

YAY! my first ever personal website.

Ship #2

This time I made updates to my personal website to add more custom details to it to take it up a notch.
I strictly used HTML and CSS for this website and added more cool features to it like - adding more images to the existing gallery section, a custom mini blog section to share a beautiful day with you guys and the thing I am most happy about - the flip-card spotlight section which is really cool and I made it without JavaScript but the custom typing in the image details was very hard.
The main issue I ran into while making this was the image fittings in my columns but I got through that , would love to continue adding more cool features and elements to it later on. Almost forgot I also added a custom greetings banner to show my gratitude to the visitors.
Finally all the external website links and stylings are working perfectly hope you guys love it!

  • 5 devlogs
  • 12h
  • 10.75x multiplier
  • 126 Stardust
Try project → See source code →
Open comments for this post

4h 2m 45s logged

Today I fixed the flip-card which I added to my site for giving it a more awesome and custom look but it needed more attention so I added the radio-button in CSS to give it smooth animation without using JavaScript and I ran into many issue where the images for the flip-card didn’t fit properly so I fixed that. I also cleaned up my personal website to ensure no error occur while running the website. Finally I updated the Readme now it is fully functional and ready to be shipped!!!!

0
0
50
Open comments for this post

3h 18m 48s logged

Today I worked on adding more images to the gallery section of my site and also added a mini blog to share my experience going birdwatching with a group for the very first time . Just had to fix some styling issue because the images were of different sizes and I also added cool hover effect to the images as well now all that is left is to clean up the site properly and it will be ready to ship!!

0
0
28
Open comments for this post

1h 59m 53s logged

Today I added a custom greetings popup to my website to give it a more personalized look . Also I added new elements such as the another section containing my mini vlog and updated my contact section. Also I added a Flip-card which is a really cool feature I think but it needs more work and I have to fix it asap because the end is near!! This project really teaches me a lot about style css and html and I will make it more awesome .

0
0
26
Open comments for this post

38m 27s logged

Today, I finally fixed my image gallery by organizing all my bird photos into a local folder. I renamed the image files and updated the HTML paths so every single picture loads cleanly on the page. After that I committed the progress and pushed to GitHub. It feels great to see all the six birds showing up properly now.

0
0
35
Open comments for this post

1h 24m 50s logged

Built the website layout for THE BACKYARD AVIARY using HTML5 and CSS3 ! Added birdwatching tips , styled the navigation menu , and set up an image gallery with colorful songbirds .Deployed the site live using GitHub Pages . It was an amazing experience to create this.

0
0
103

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…