Skip to content

Ansh1372/photopedia

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

38 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Photopedia - Photography Club MJPRU Bareilly

The word Photography literally means ‘drawing with light’, which derives from the Greek photo, meaning light and graph, meaning to draw. Photography is the process of recording an image – a photograph – on lightsensitive film or, in the case of digital photography, via a digital electronic or magnetic memory.

The photograph is evident in nearly every aspect of modern life. As a form of communication and documentation, photographs are present in newspapers, magazines, advertisements, posters, television, the Internet, passports, ID cards, archives, security and Surveillance Systems, forensics and medicine. Photography also plays an important role in domestic and recreational activities.

Table of contents

Overview

start and main focusing

  • View the optimal layout for the site depending on their device's screen size
  • See hover states for all interactive elements on the page

Screenshot

website screenshot

My process

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • javascript for swriping(home,team,reviews sections)

What I learned

  • In this project i majourly learned about different type of CSS properties flexbox and sweaping feature of javascript:
<h1>Some HTML code I'm proud of</h1>
<span>Never Stop</span>
                        <h3>exploring</h3>
                        <p>Life is like a camera.
                            Just focus on what's 
                            important and capture 
                            the good times,develop
                            from the negatives,and if
                            things don't work out 
                            just take another shot.!</p>
.proud-of-this-css {
  #zoomA {
 
  width: 100%;
  height: 100%;
  transition: transform ease-in-out 0.3s;
}
 
#zoomA:hover { transform: scale(1.2); 
  }
.team .slide {

  border: solid #10221b  ;
}
}
const proudOfThisFunc = () => {
  window.onscroll = () =>{
    navbar.classList.remove('active');

    if(window.scrollY > 0){
        document.querySelector('.header').classList.add('active');
    }else{
        document.querySelector('.header').classList.remove('active');
    }
};
  console.log('🎉')
}

Continued development

  • After this project we start learnig new CSS/JS liberies and framework link Jquery , AOS , GSAP to make this site more efficient and more userfriendly , and more animeted.

Useful resources

  • resource 1 - This helped me for using CSS. I really liked this pattern , and technic and will use it going forward.
  • resource 2 - This is an amazing docmentation which helped me finally understand some feature in javascript. I'd recommend it to anyone still learning this concept.

Author

deploy

Thank you

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published