Photoshop Art

Posted on Updated on

Photoshop Art

Introduction :

The project Website of Photoshop Art basically deals with Wedding Photography and Photography Tutorials. This Website will be most useful for Photographers and tentative photographers for learning photography basics, advanced skills and sharing their live projects with photography lovers. 

  • Header

Source Code :  –

 < div id =  “ header “ >

                                                 < div id =  “ center “ >

                                                             < div id =  “ menubar “ >

                                                 < div id =  “ menu “  > < a href =  “ # “ >HOME < /a> < /div>

< div id =  “ menu “  class =  “ dropdown “ > < span style =  “ color : black “ > < a href =  “ # “ >PORTFOLIO  < /span>  < /a>

                             < div class =  “ dropdown – content “ > < a href =  “ wedding.html “ >Wedding < /a> < /div>

                              < div class =  “ dropdown – content “ > < a href =  “ portrait.html “ >Portrait< /div>

                              < div class =  “ dropdown – content “ >Videography < /div>

                               < /div>

                                           < script>

                                                 $ ( “ .dropdown “ ).click(function(){

                                                 $ ( “ .dropdown – content “ ).slideToggle(1000) ;

                                                }) ;

                                                 $ ( “ .dropdown “ ).hover(function(){

                                                 $ ( “ .dropdown – content “ ).slideUp(1000) ;

                                                }) ;

                                             < /script>

< div id =  “ menu “ >  < a href =  “ # “ > < span style =  “ color : black “ >ALBUM  < /span> < /a>  < /div>

< div id =  “ menu “ > < a href =  “ # “ >  < span style =  “ color : black “ >TUTORIAL  < /span> < /a>  < /div>

< div id =  “ contact “  > < a href =  “ Contactus.html “ > < span style =  “ color : white “ >CONTACT US < /span> < /a> < /div>

                             < /div>

                                                                         < ! –  –  Menu closed  –  – >

Output :  –

fbbxbxb

  • We click on the Home menu then return in home page
  • Click on Portfolio show the dropdown list
  • Click on Album menu then go to Album page
  • Click on contact us menu then goto contactus page

2) Logo

Source Code :  –

 < div id =  “ logo “ >

                                   < img src =  “ logo.jpg “  id =  “ logo “ >

                                    < /div>

Output :  –

fhrdh54646

Mid

Source Code :  –

 < div id =  “ container “ >

       < h2> Welcome to an Easier Photography Workflow < /h2>

       < br>

  <h3>“Exceptional tools that simplify how you take care of business, from upload to sales. “< /h3>

          < /div>

          < img src =  “ 001.jpg “  id =  “ center1 “ >

                                     < ! –  –  center closed  –  – >

          < /div>  

Output :  – 

fhrdh54646

Gallery :  –

Source Code :  –

 < div id =  “ mid “ >

                 < div id =  “ gallery “ >

                       < div id =  “ img “ >

                                     < img src =  “ img1.jpg “  id =  “ ko “   width =  “ 300px “  height =  “ 300px “ >       < /div>

                       < div id =  “ img “ >

                                     < img src =  “ img2.jpg “   id =  “ ko “  width =  “ 300px “  height =  “ 300px “ >     < /div>

                        < div id =  “ img “ >

                                      < img src =  “ img3.jpg “  id =  “ ko “  width =  “ 300px “  height =  “ 300px “  >     < /div>

                         < div id =  “ img “ >

                                      < img src =  “ img4.jpg “   id =  “ ko “  width =  “ 300px “  height =  “ 300px “ >     < /div>

                         < div id =  “ img “ >

                                      < img src =  “ img5.jpg “    id =  “ ko “  width =  “ 300px “  height =  “ 300px “ >     < /div>

                           < div id =  “ img “ >

                                      < img src =  “ img6.jpg “  id =  “ ko “   width =  “ 300px “  height =  “ 300px “>     < /div>

                                     < ! –  –  gallery closed  –  – >

Output :  –

fhrdh54646

  • Move the cursor on the gallery then hover will show the moment 

Radius

Source Code :  –

 < div id =  “ radius “ >

                    < div id =  “ circle “ >

                    < img src =  “ r1.jpg “  id =  “ k1 “ >

                     < div id =  “ captiron “ >

 < h1>Wedding < /h1>

                        < /div>

                               < /div>

                                          < div id =  “ circle “ >

                          < img src =  “ r2.jpg “  id =  “ k1 “  >

                                            < div id =  “ captiron “ >

                                             < h1>Portrait < /h1>

                                                      < /div>

                                                             < /div>

                              < div id =  “ circle “ >

                                               < img src =  “ r3.jpg “  id =  “ k1 “  >

                                                          < div id =  “ captiron “ >

                                < h1>Videography < /h1>

                                < /div> 

Output :  –fhrdh54646

Container :  –

Source Code :  –

 < /div>

< div id =  “ blur “ >

                           < div id =  “ comment “ >

                 < h2> “ Virtually Visit Us  “  < /h2>

                            < br>

< h3>“ In 2010 Powers Photography Studios played a large role in developing a new virtual media tool (TrueTour Virtual Brochure Technology) now widely used by hospitality businesses all over the United States. “ < /h3>

                       < /div>

                             < img src =  “ blur.jpg “  id =  “ blur “ >

                       < /div>

Output :  –

fhrdh54646

Footer :  –

Source Code :  –

 < div id =  “ footer “ >

                                                 < center>

                                                 < div id =  “ icon “ >

                                                             < img src =  “ fb.jpg “  id =  “ sigma “ >

                                                             < img src =  “ twitte.png “  id =  “ sigma “ >

                                                             < img src =  “ goog.png “  id =  “ sigma “ >

                                                             < img src =  “ pin.jpg “  id =  “ sigma “ >

                                                             < /div> < /center>

                                     < /div>

                                     < ! –  –  Footer closed  –  – >

Output :  –

fhrdh54646

For more details and queries please feel free to email, visit or call us. Wishing you the very best for all your future endeavors.

Helpline: 9814666333, 8699444666

Email:info@technocampus.co.in

**************************************************************************************************************

Please fill the FORM and we shall contact you soon.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s