{"id":103,"date":"2015-01-07T12:18:12","date_gmt":"2015-01-07T12:18:12","guid":{"rendered":"http:\/\/shreesoft.co.in\/?page_id=103"},"modified":"2015-02-12T06:45:36","modified_gmt":"2015-02-12T06:45:36","slug":"web-development","status":"publish","type":"page","link":"https:\/\/shreesoft.co.in\/?page_id=103","title":{"rendered":"Web Development"},"content":{"rendered":"<p style=\"text-align: justify;\">Web development means developing a web site for the Internet or intranet. Web development can range from developing the simplest static single page of plain text to the most complex web-based internet applications, electronic businesses, and social network services. Web development commonly refers to web designing, web content development, client liaison, client-side\/server-side scripting, web server and network security configuration, and e-commerce development. The term web development usually refers to the main non-design aspects of building web sites like writing markup and coding. Most recently Web development has come to mean the creation of content management systems or CMS. These CMS can be made from scratch, proprietary or open source,eg. Drupal. In broad terms the CMS acts as middleware between the database and the user through the browser. A principle benefit of a CMS is that it allows non-technical people to make changes to their Web site without having technical knowledge.<\/p>\n<hr \/>\n<table border=\"0\" width=\"100%\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<th scope=\"col\">Portfolio<\/th>\n<\/tr>\n<\/tbody>\n<\/table>\n<script>\n\tvar lightbox_transition = 'elastic';\n\tvar lightbox_speed = 800;\n\tvar lightbox_fadeOut = 300;\n\tvar lightbox_title = false;\n\tvar lightbox_scalePhotos = true;\n\tvar lightbox_scrolling = false;\n\tvar lightbox_opacity = 0.201;\n\tvar lightbox_open = false;\n\tvar lightbox_returnFocus = true;\n\tvar lightbox_trapFocus = true;\n\tvar lightbox_fastIframe = true;\n\tvar lightbox_preloading = true;\n\tvar lightbox_overlayClose = true;\n\tvar lightbox_escKey = false;\n\tvar lightbox_arrowKey = false;\n\tvar lightbox_loop = true;\n\tvar lightbox_closeButton = false;\n\tvar lightbox_previous = \"previous\";\n\tvar lightbox_next = \"next\";\n\tvar lightbox_close = \"close\";\n\tvar lightbox_html = false;\n\tvar lightbox_photo = false;\n\tvar lightbox_width = 'false';\n\tvar lightbox_height = 'false';\n\tvar lightbox_innerWidth = 'false';\n\tvar lightbox_innerHeight = 'false';\n\tvar lightbox_initialWidth = '300';\n\tvar lightbox_initialHeight = '100';\n\t\n        var maxwidth=jQuery(window).width();\n        if(maxwidth>768){maxwidth=768;}\n        var lightbox_maxWidth = maxwidth;\n        var lightbox_maxHeight = 500;\n        \n\tvar lightbox_slideshow = false;\n\tvar lightbox_slideshowSpeed = 2500;\n\tvar lightbox_slideshowAuto = true;\n\tvar lightbox_slideshowStart = \"start slideshow\";\n\tvar lightbox_slideshowStop = \"stop slideshow\";\n\tvar lightbox_fixed = true;\n\t\t\tvar lightbox_top = false;\n\t\tvar lightbox_bottom = false;\n\t\tvar lightbox_left = false;\n\t\tvar lightbox_right = false;\n\t\t\n\tvar lightbox_reposition = false;\n\tvar lightbox_retinaImage = true;\n\tvar lightbox_retinaUrl = false;\n\tvar lightbox_retinaSuffix = \"@2x.$1\";\n\t\n\t\t\t\tjQuery(document).ready(function(){\n\t\t\t\tjQuery(\"#huge_it_portfolio_content_2 a[href$='.jpg'], #huge_it_portfolio_content_2 a[href$='.png'], #huge_it_portfolio_content_2 a[href$='.gif']\").addClass('group1');\n\t\t\t\tjQuery(\".group1\").colorbox({rel:'group1'});\n\t\t\t\tjQuery(\".callbacks\").colorbox({\n\t\t\t\t\tonOpen:function(){ alert('onOpen: colorbox is about to open'); },\n\t\t\t\t\tonLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },\n\t\t\t\t\tonComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },\n\t\t\t\t\tonCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },\n\t\t\t\t\tonClosed:function(){ alert('onClosed: colorbox has completely closed'); }\n\t\t\t\t});\n\n\t\t\t\tjQuery('.non-retina').colorbox({rel:'group5', transition:'none'})\n\t\t\t\tjQuery('.retina').colorbox({rel:'group5', transition:'none', retinaImage:true, retinaUrl:true});\n\t\t\t\t\n\n\t\t\t\tjQuery(\"#click\").click(function(){ \n\t\t\t\t\tjQuery('#click').css({\"background-color\":\"#f00\", \"color\":\"#fff\", \"cursor\":\"inherit\"}).text(\"Open this window again and this message will still be here.\");\n\t\t\t\t\treturn false;\n\t\t\t\t});\n\t\t\t});\n\t\t\n<\/script>\n\t<!--Huge IT portfolio START-->\n\t\t<link href=\"https:\/\/shreesoft.co.in\/wp-content\/plugins\/portfolio-gallery\/Front_end\/..\/style\/colorbox-1.css\" rel=\"stylesheet\" type=\"text\/css\" \/>\n\t\t\t\n\t\n\t\t\n\t\n\t\n\t\n\n\t\n<style type=\"text\/css\">\n\n\n.element_2 {\n        max-width: 459px;\n\twidth:275px;\n\tmargin:0px 0px 10px 0px;\n\tborder:0px solid #eeeeee;\n\tborder-radius:3px;\n\toutline:none;\n\toverflow:hidden;\n}\n\n.element_2 .image-block_2 {\n\tposition:relative;\n\twidth:275px;\n}\n\n.element_2 .image-block_2 img {\n\tmargin:0px !important;\n\tpadding:0px !important;\n\twidth:275px !important;\n\theight:auto;\n\tdisplay:block;\n\tborder-radius: 0px !important;\n\tbox-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important; \n}\n\n.element_2 .image-block_2 img:hover {\n\tcursor: -webkit-zoom-in; cursor: -moz-zoom-in;\n}\n\n.element_2 .title-block_2 {\n\tposition:absolute;\n\t\n\tleft:0px;\n\twidth:100%;\n\tpadding-top:5px;\n\theight: 26px;\n\tbottom:-31px;\n\tbackground: rgba(0,0,0,0.8)  !important;\n\t -webkit-transition: bottom 0.3s ease-out 0.1s;\n     -moz-transition: bottom 0.3s ease-out 0.1s;\n     -o-transition: bottom 0.3s ease-out 0.1s;\n     transition: bottom 0.3s ease-out 0.1s;\n}\n\n.element_2:hover .title-block_2 {bottom:0px;}\n\n.element_2 .title-block_2 a, .element_2 .title-block_2 a:link, .element_2 .title-block_2 a:visited {\n\tposition:relative;\n\tmargin:0px;\n\tpadding:0px 1% 0px 2%;\n\twidth:97%;\n\ttext-decoration:none;\n\ttext-overflow: ellipsis;\n\toverflow: hidden; \n\twhite-space:nowrap;\n\tz-index:20;\n\tfont-size: 16px;\n\tcolor:#0074A2;\n\tfont-weight:normal;\n}\n\n\n\n.element_2 .title-block_2 a:hover, .element_2 .title-block_2 a:focus, .element_2 .title-block_2 a:active {\n\tcolor:#2EA2CD;\n\ttext-decoration:none;\n}\n\n#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 {\n        overflow: hidden;\n    \/*margin-top: 5px;*\/\n    float: none;\n    width:100%;\n}\n\n#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul {\n  margin: 0px !important;\n  padding: 0px !important;\n  list-style: none;\n}\n\n#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul {\n  margin: 0px !important;\n  padding: 0px !important;\n  overflow: hidden;\n  }\n\n            \n                #huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul {\n                float: left;\n            }\n        \n#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul li {\n    border-radius: 0px;\n    list-style-type: none;\n    margin: 0px !important;\n    float:left !important;margin: 4px 8px 4px 0px !important;border: 1px solid #ccc;}\n\n#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul li a {\n    background-color: #F7F7F7 !important;\n    font-size:14px !important;\n    color:#555555 !important;\n    text-decoration: none;\n    cursor: pointer;\n    margin: 0px !important;\n    display: block;\n    padding:3px;\n}\n\n#huge_it_portfolio_content_2 #huge_it_portfolio_container_2 {\n    margin-top: 5px;\n    }\n\n#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul li a:hover {\n    background-color: #FF3845 !important;\n    color:#ffffff !important;\n    cursor: pointer;\n}\n\n#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 {\n    \/*margin-top: 5px;*\/\n    float: left;\n    width: 30%;\n    }\n\n#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li {\n    list-style-type: none;\n    border-bottom: 1px solid #ccc;}\n\n#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a {\n    font-size:14px !important;\n    color:#555555 !important;\n    background-color: #F7F7F7 !important;\n    border-radius: 0px;\n    padding: 3px;\n    display: block;\n    text-decoration: none;\n}\n\n#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2  ul li a:hover {\n    color:#ffffff !important;\n    background-color: #FF3845 !important;\n    cursor: pointer\n}\n\n#huge_it_portfolio_content_2 section {\n    position:relative;\n    display:block;\n}\n\n#huge_it_portfolio_content_2 .huge_it_portfolio_container_styles_2 {\n    overflow: hidden !important;\n}\n\n#sort-direction {\n    }\n<\/style>\n\n<section id=\"huge_it_portfolio_content_2\" class=\"\">\n            <div id=\"huge_it_portfolio_container_2\" class=\"super-list variable-sizes clearfix\" >\n\n                              <div class=\"element_2    \" tabindex=\"0\" data-symbol=\"Nutrivisor\" data-category=\"alkaline-earth\">\n                        <p style=\"display: none;\" class=\"id\">21<\/p>\n                            <div class=\"image-block_2\">\n                                                                                                                                                            <a href=\"http:\/\/shreesoft.co.in\/wp-content\/uploads\/2015\/01\/4.jpg\"><img decoding=\"async\" id=\"wd-cl-img0\" src=\"http:\/\/shreesoft.co.in\/wp-content\/uploads\/2015\/01\/4.jpg\" alt=\"\" \/><\/a>\n                                            \t\n                            <\/div>\n                                                        <div class=\"title-block_2\">\n                                    <a href=\"http:\/\/www.nutrivisor.co.in\/\" target=\"_blank\">Nutrivisor<\/a>\n                            <\/div>\n                                                <\/div>\t\n                                        <div class=\"element_2    \" tabindex=\"0\" data-symbol=\"RNMaxcon\" data-category=\"alkaline-earth\">\n                        <p style=\"display: none;\" class=\"id\">22<\/p>\n                            <div class=\"image-block_2\">\n                                                                                                                                                            <a href=\"http:\/\/shreesoft.co.in\/wp-content\/uploads\/2015\/01\/5.jpg\"><img decoding=\"async\" id=\"wd-cl-img1\" src=\"http:\/\/shreesoft.co.in\/wp-content\/uploads\/2015\/01\/5.jpg\" alt=\"\" \/><\/a>\n                                            \t\n                            <\/div>\n                                                        <div class=\"title-block_2\">\n                                    <a href=\"http:\/\/www.rnmaxcon.com\/\" target=\"_blank\">RNMaxcon<\/a>\n                            <\/div>\n                                                <\/div>\t\n                                        <div class=\"element_2    \" tabindex=\"0\" data-symbol=\"vismayainterdecor\" data-category=\"alkaline-earth\">\n                        <p style=\"display: none;\" class=\"id\">23<\/p>\n                            <div class=\"image-block_2\">\n                                                                                                                                                            <a href=\"http:\/\/shreesoft.co.in\/wp-content\/uploads\/2015\/01\/6.jpg\"><img decoding=\"async\" id=\"wd-cl-img2\" src=\"http:\/\/shreesoft.co.in\/wp-content\/uploads\/2015\/01\/6.jpg\" alt=\"\" \/><\/a>\n                                            \t\n                            <\/div>\n                                                        <div class=\"title-block_2\">\n                                    <a href=\"http:\/\/vismayainterdecor.com\/\" target=\"_blank\">vismayainterdecor<\/a>\n                            <\/div>\n                                                <\/div>\t\n                                        <div class=\"element_2    \" tabindex=\"0\" data-symbol=\"Hi!bengaluru\" data-category=\"alkaline-earth\">\n                        <p style=\"display: none;\" class=\"id\">18<\/p>\n                            <div class=\"image-block_2\">\n                                                                                                                                                            <a href=\"http:\/\/shreesoft.co.in\/wp-content\/uploads\/2015\/01\/1.jpg\"><img decoding=\"async\" id=\"wd-cl-img3\" src=\"http:\/\/shreesoft.co.in\/wp-content\/uploads\/2015\/01\/1.jpg\" alt=\"\" \/><\/a>\n                                            \t\n                            <\/div>\n                                                        <div class=\"title-block_2\">\n                                    <a href=\"http:\/\/hibengaluru.com\" target=\"_blank\">Hi!bengaluru<\/a>\n                            <\/div>\n                                                <\/div>\t\n                                        <div class=\"element_2    \" tabindex=\"0\" data-symbol=\"Igrowindia\" data-category=\"alkaline-earth\">\n                        <p style=\"display: none;\" class=\"id\">19<\/p>\n                            <div class=\"image-block_2\">\n                                                                                                                                                            <a href=\"http:\/\/shreesoft.co.in\/wp-content\/uploads\/2015\/01\/2.jpg\"><img decoding=\"async\" id=\"wd-cl-img4\" src=\"http:\/\/shreesoft.co.in\/wp-content\/uploads\/2015\/01\/2.jpg\" alt=\"\" \/><\/a>\n                                            \t\n                            <\/div>\n                                                        <div class=\"title-block_2\">\n                                    <a href=\"igrowindia.com\" target=\"_blank\">Igrowindia<\/a>\n                            <\/div>\n                                                <\/div>\t\n                                        <div class=\"element_2    \" tabindex=\"0\" data-symbol=\"kisar.co.in\" data-category=\"alkaline-earth\">\n                        <p style=\"display: none;\" class=\"id\">20<\/p>\n                            <div class=\"image-block_2\">\n                                                                                                                                                            <a href=\"http:\/\/shreesoft.co.in\/wp-content\/uploads\/2015\/01\/3.jpg\"><img decoding=\"async\" id=\"wd-cl-img5\" src=\"http:\/\/shreesoft.co.in\/wp-content\/uploads\/2015\/01\/3.jpg\" alt=\"\" \/><\/a>\n                                            \t\n                            <\/div>\n                                                        <div class=\"title-block_2\">\n                                    <a href=\"http:\/\/kisar.co.in\/\" target=\"_blank\">kisar.co.in<\/a>\n                            <\/div>\n                                                <\/div>\t\n                    \n            <div style=\"clear:both;\"><\/div>\n        <\/div>\n\n    \n<\/section>\n\n<script>\njQuery(function(){\n    \nvar defaultBlockWidth=275;\n    \n    var $container = jQuery('#huge_it_portfolio_container_2');\n    \n    \n      \/\/ add randomish size classes\n      $container.find('.element_2').each(function(){\n        var $this = jQuery(this),\n            number = parseInt( $this.find('.number').text(), 10 );\n\t\t\t\/\/alert(number);\n        if ( number % 7 % 2 === 1 ) {\n          $this.addClass('width2');\n        }\n        if ( number % 3 === 0 ) {\n          $this.addClass('height2');\n        }\n      });\n    \n    $container.hugeitmicro({\n      itemSelector : '.element_2',\n      masonry : {\n        columnWidth : 275+20+0      },\n      masonryHorizontal : {\n        rowHeight: 300+20\n      },\n      cellsByRow : {\n        columnWidth : 300+20,\n        rowHeight : 240\n      },\n      cellsByColumn : {\n        columnWidth : 300+20,\n        rowHeight : 240\n      },\n      getSortData : {\n        symbol : function( $elem ) {\n          return $elem.attr('data-symbol');\n        },\n        category : function( $elem ) {\n          return $elem.attr('data-category');\n        },\n        number : function( $elem ) {\n          return parseInt( $elem.find('.number').text(), 10 );\n        },\n        weight : function( $elem ) {\n          return parseFloat( $elem.find('.weight').text().replace( \/[\\(\\)]\/g, '') );\n        },\n        id : function ( $elem ) {\n          return $elem.find('.id').text();\n        }\n      }\n    });\n    \n    \n      var $optionSets = jQuery('#huge_it_portfolio_options_2 .option-set'),\n          $optionLinks = $optionSets.find('a');\n\n      $optionLinks.click(function(){\n        var $this = jQuery(this);\n\n        if ( $this.hasClass('selected') ) {\n          return false;\n        }\n        var $optionSet = $this.parents('.option-set');\n        $optionSet.find('.selected').removeClass('selected');\n        $this.addClass('selected');\n  \n\n        var options = {},\n            key = $optionSet.attr('data-option-key'),\n            value = $this.attr('data-option-value');\n\n        value = value === 'false' ? false : value;\n        options[ key ] = value;\n        if ( key === 'layoutMode' && typeof changeLayoutMode === 'function' ) {\n\n          changeLayoutMode( $this, options )\n        } else {\n\n          $container.hugeitmicro( options );\n        }\n        \n        return false;\n      });\n\n\n    \n\n      var isHorizontal = false;\n      function changeLayoutMode( $link, options ) {\n        var wasHorizontal = isHorizontal;\n        isHorizontal = $link.hasClass('horizontal');\n\n        if ( wasHorizontal !== isHorizontal ) {\n\n          var style = isHorizontal ? \n            { height: '75%', width: $container.width() } : \n            { width: 'auto' };\n\n          $container.filter(':animated').stop();\n\n          $container.addClass('no-transition').css( style );\n          setTimeout(function(){\n            $container.removeClass('no-transition').hugeitmicro( options );\n          }, 100 )\n        } else {\n          $container.hugeitmicro( options );\n        }\n      }\n\n\n    \n\n      $container.delegate('.default-block_2', 'click', function(){\n          var strheight=0;\n          jQuery(this).parents('.element_2').find('.wd-portfolio-panel_2 > div').each(function(){\n                strheight+=jQuery(this).outerHeight()+10;\n                \/\/alert(strheight);\n          })\n          strheight+=45;\n\t  \t\t\tif(jQuery(this).parents('.element_2').hasClass(\"large\")){\n\t\t\tjQuery(this).parents('.element_2').animate({\n\t\t\t\theight: \"45px\"\n\t\t\t}, 300, function() {\n\t\t\t\tjQuery(this).removeClass('large');\n\t\t\t\t$container.hugeitmicro('reLayout');\n\t\t\t});\n\t\t\t\n\t\t\tjQuery(this).parents('.element_2').removeClass(\"active\");\n\t\t\treturn false;\n\t\t}\n\t\t\n\t\n\t\tjQuery(this).parents('.element_2').css({height:strheight});\n\t\tjQuery(this).parents('.element_2').addClass('large');\n\n\t\t$container.hugeitmicro('reLayout');\n\t\tjQuery(this).parents('.element_2').css({height:\"45px\"});\t\t \n\t\t \n\t\t\/\/alert(strheight);\n\t\t \n\t\t jQuery(this).parents('.element_2').animate({\n\t\t\theight:strheight+\"px\",\n\t\t  }, 300,function(){\t$container.hugeitmicro('reLayout');});\n\t});\n\n    var $sortBy =  jQuery('#huge_it_portfolio_content_2 #sort-by');\n    jQuery('#huge_it_portfolio_content_2 #shuffle a').click(function(){\n      $container.hugeitmicro('shuffle');\n      $sortBy.find('.selected').removeClass('selected');\n      $sortBy.find('[data-option-value=\"random\"]').addClass('selected');\n      return false;\n    });\n    \n    \/\/\/\/filteringgggggg\n\n        \/\/ bind filter on select change\n        jQuery(document).ready(function(){\n            jQuery('#huge_it_portfolio_filters_2 ul li').click(function() {\n              \/\/ get filter value from option value\n              var filterValue = jQuery(this).attr('rel');\n              \/\/ use filterFn if matches value\n              filterValue = filterValue;\/\/filterFns[ filterValue ] || \n              $container.hugeitmicro({ filter: filterValue });\n            });\n                                     var topmargin = jQuery(\"#huge_it_portfolio_options_2\").height();\n                         jQuery(\"#huge_it_portfolio_filters_2\").css({'margin-top':'5px'});\n                        });\n        \n        jQuery(window).load(function(){\n\n            $container.hugeitmicro({ filter: '*' });\n        });\n\n  });\n<\/script>\n   \n\t\n      \n<hr \/>\n","protected":false},"excerpt":{"rendered":"<p>Web development means developing a web site for the Internet or intranet. Web development can range from developing the simplest static single page of plain text to the most complex&hellip; <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":41,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-103","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shreesoft.co.in\/index.php?rest_route=\/wp\/v2\/pages\/103","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shreesoft.co.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shreesoft.co.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shreesoft.co.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shreesoft.co.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=103"}],"version-history":[{"count":6,"href":"https:\/\/shreesoft.co.in\/index.php?rest_route=\/wp\/v2\/pages\/103\/revisions"}],"predecessor-version":[{"id":273,"href":"https:\/\/shreesoft.co.in\/index.php?rest_route=\/wp\/v2\/pages\/103\/revisions\/273"}],"up":[{"embeddable":true,"href":"https:\/\/shreesoft.co.in\/index.php?rest_route=\/wp\/v2\/pages\/41"}],"wp:attachment":[{"href":"https:\/\/shreesoft.co.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}