Comments: Web Design Vs GUI Design - A Comparative Analysis

.chaty-agent-header:before,.chaty-view-header:before{--wpr-bg-f6906c5a-d700-4030-826d-6e7f77e45fa6: url('https://cybernob.com/wp-content/plugins/chaty/images/header-top.png');}.chaty-agent-header:after,.chaty-view-header:after{--wpr-bg-84b6e80c-9975-420a-8f4a-d84c4ca07fe6: url('https://cybernob.com/wp-content/plugins/chaty/images/header-bottom.png');}.chaty-whatsapp-form:before{--wpr-bg-c80eea4a-7b34-4db4-8678-acaf40910f35: url('https://cybernob.com/wp-content/plugins/chaty/images/whatsapp.png');}.chaty-popup-whatsapp-form .chaty-whatsapp-body:before,.chaty-popup-whatsapp-form .chaty-whatsapp-footer:before{--wpr-bg-fbd535fc-c9d4-487c-b472-9cadb3b50cc9: url('https://cybernob.com/wp-content/plugins/chaty/images/whatsapp-welcome-popup.png');}.sprite{--wpr-bg-f33bc354-5e2d-4d1b-92d4-14a317b01eee: url('https://cybernob.com/wp-content/themes/porto-child/serviceindex.png');}.wpb_address_book i.icon,option.wpb_address_book{--wpr-bg-3aad2187-dfd8-4271-871a-4398d46a67c5: url('https://cybernob.com/wp-content/uploads/images/icons/address-book.png');}.wpb_alarm_clock i.icon,option.wpb_alarm_clock{--wpr-bg-d9a7d8fd-5ed6-4f69-8f5b-4fef62d57eac: url('https://cybernob.com/wp-content/uploads/images/icons/alarm-clock.png');}.wpb_anchor i.icon,option.wpb_anchor{--wpr-bg-a3448510-63b2-4f3a-9e4a-7e81f93bc9be: url('https://cybernob.com/wp-content/uploads/images/icons/anchor.png');}.wpb_application_image i.icon,option.wpb_application_image{--wpr-bg-a53d6b93-9809-482e-86ff-5fe8df1304dd: url('https://cybernob.com/wp-content/uploads/images/icons/application-image.png');}.wpb_arrow i.icon,option.wpb_arrow{--wpr-bg-cea9e627-d194-4295-9dae-11faa61b4ea0: url('https://cybernob.com/wp-content/uploads/images/icons/arrow.png');}.wpb_asterisk i.icon,option.wpb_asterisk{--wpr-bg-2c06327d-10e6-40de-8aee-69ff39177652: url('https://cybernob.com/wp-content/uploads/images/icons/asterisk.png');}.wpb_hammer i.icon,option.wpb_hammer{--wpr-bg-f891dfa1-1dbc-47e8-bf82-a5b5bcefa283: url('https://cybernob.com/wp-content/uploads/images/icons/auction-hammer.png');}.wpb_balloon i.icon,option.wpb_balloon{--wpr-bg-22148c32-05b8-497f-8a2a-b0e5d71e8243: url('https://cybernob.com/wp-content/uploads/images/icons/balloon.png');}.wpb_balloon_buzz i.icon,option.wpb_balloon_buzz{--wpr-bg-d101758e-de6b-4f9f-b346-7cfc1cc80bbe: url('https://cybernob.com/wp-content/uploads/images/icons/balloon-buzz.png');}.wpb_balloon_facebook i.icon,option.wpb_balloon_facebook{--wpr-bg-06b43853-e90d-4d8b-9ad0-3b9d3e65466f: url('https://cybernob.com/wp-content/uploads/images/icons/balloon-facebook.png');}.wpb_balloon_twitter i.icon,option.wpb_balloon_twitter{--wpr-bg-9df22fc5-8ee2-4d04-951a-74a68cb439bb: url('https://cybernob.com/wp-content/uploads/images/icons/balloon-twitter.png');}.wpb_battery i.icon,option.wpb_battery{--wpr-bg-e577a2a8-52f5-4775-8918-32777ebe5289: url('https://cybernob.com/wp-content/uploads/images/icons/battery-full.png');}.wpb_binocular i.icon,option.wpb_binocular{--wpr-bg-a662d4b6-2592-48e0-ac83-00afcb5847da: url('https://cybernob.com/wp-content/uploads/images/icons/binocular.png');}.wpb_document_excel i.icon,option.wpb_document_excel{--wpr-bg-dd25d277-cb0d-4376-9441-ffc1c1946a42: url('https://cybernob.com/wp-content/uploads/images/icons/blue-document-excel.png');}.wpb_document_image i.icon,option.wpb_document_image{--wpr-bg-ea51cf87-0616-4308-b8ff-7b2dba599a84: url('https://cybernob.com/wp-content/uploads/images/icons/blue-document-image.png');}.wpb_document_music i.icon,option.wpb_document_music{--wpr-bg-5d7ad418-70a4-4766-aa51-d2a7358550bb: url('https://cybernob.com/wp-content/uploads/images/icons/blue-document-music.png');}.wpb_document_office i.icon,option.wpb_document_office{--wpr-bg-d4ec1d9b-040c-4897-8165-a8cf47338ece: url('https://cybernob.com/wp-content/uploads/images/icons/blue-document-office.png');}.wpb_document_pdf i.icon,option.wpb_document_pdf{--wpr-bg-c5bc12eb-00c5-4433-8cfb-89f881058dd2: url('https://cybernob.com/wp-content/uploads/images/icons/blue-document-pdf.png');}.wpb_document_powerpoint i.icon,option.wpb_document_powerpoint{--wpr-bg-ab21e7ba-8fe4-4299-b86c-f40b61e5ca43: url('https://cybernob.com/wp-content/uploads/images/icons/blue-document-powerpoint.png');}.wpb_document_word i.icon,option.wpb_document_word{--wpr-bg-4c493f06-ca42-4ec3-9498-99d1af19b0d8: url('https://cybernob.com/wp-content/uploads/images/icons/blue-document-word.png');}.wpb_bookmark i.icon,option.wpb_bookmark{--wpr-bg-d526c658-027b-4cec-b6b7-92b713559599: url('https://cybernob.com/wp-content/uploads/images/icons/bookmark.png');}.wpb_camcorder i.icon,option.wpb_camcorder{--wpr-bg-0071b820-aefc-43d4-83cd-47ae9db8d8d4: url('https://cybernob.com/wp-content/uploads/images/icons/camcorder.png');}.wpb_camera i.icon,option.wpb_camera{--wpr-bg-8dc00e49-a24c-4f0b-83eb-409370a4838f: url('https://cybernob.com/wp-content/uploads/images/icons/camera.png');}.wpb_chart i.icon,option.wpb_chart{--wpr-bg-429fc067-e0b6-4500-a7fa-1da58eb5a9c3: url('https://cybernob.com/wp-content/uploads/images/icons/chart.png');}.wpb_chart_pie i.icon,option.wpb_chart_pie{--wpr-bg-c259d67f-3d16-4c74-a7fc-d8b5026f5755: url('https://cybernob.com/wp-content/uploads/images/icons/chart-pie.png');}.wpb_clock i.icon,option.wpb_clock{--wpr-bg-dec45f08-db0a-4113-8278-238e1b0ea3d6: url('https://cybernob.com/wp-content/uploads/images/icons/clock.png');}.wpb_play i.icon,option.wpb_play{--wpr-bg-1de6aacb-3f73-42b9-b9d2-1a2f248a50c4: url('https://cybernob.com/wp-content/uploads/images/icons/control.png');}.wpb_fire i.icon,option.wpb_fire{--wpr-bg-064367df-96b3-4cb9-8e82-465de8540948: url('https://cybernob.com/wp-content/uploads/images/icons/fire.png');}.wpb_heart i.icon,option.wpb_heart{--wpr-bg-0c0a8d1f-9adb-4783-96d9-76d6bc74fb9d: url('https://cybernob.com/wp-content/uploads/images/icons/heart.png');}.wpb_mail i.icon,option.wpb_mail{--wpr-bg-a8f756ac-610b-4195-af9b-6553fddce15b: url('https://cybernob.com/wp-content/uploads/images/icons/mail.png');}.wpb_shield i.icon,option.wpb_shield{--wpr-bg-18c1c5ba-45b7-4e33-8083-a2b61a57555e: url('https://cybernob.com/wp-content/uploads/images/icons/plus-shield.png');}.wpb_video i.icon,option.wpb_video{--wpr-bg-0796933d-f65f-4a2e-8ef5-8a0504491336: url('https://cybernob.com/wp-content/uploads/images/icons/video.png');}.vc-spinner::before{--wpr-bg-d751891d-2b6a-4fc6-a007-434844a49692: url('https://cybernob.com/wp-content/uploads/images/spinner.gif');}.owl-carousel .owl-video-play-icon{--wpr-bg-62c6f056-ceca-4236-9040-0289a3f4b3cd: url('https://cybernob.com/wp-content/themes/porto/images/owl.video.play.png');}#fancybox-loading div{--wpr-bg-a0f0a192-9948-48af-b6f4-2e5bd77da439: url('https://cybernob.com/wp-content/uploads/porto_merged_resources/images/fancybox_loading.gif');}#fancybox-loading div{--wpr-bg-394b492a-bc45-40d2-844e-362538c5d766: url('https://cybernob.com/wp-content/uploads/porto_merged_resources/images/fancybox_loading@2x.gif');}.fancybox-nav{--wpr-bg-8cc24de9-7fd4-4ef4-b142-6fc3acb4bcc6: url('https://cybernob.com/wp-content/uploads/porto_merged_resources/images/blank.gif');}select{--wpr-bg-fd74cdf1-7a55-40fa-912e-4f8ef8e28d90: url('https://cybernob.com/wp-content/themes/porto/images/select-bg.svg');}[class*=" flag-"],[class^=flag-]{--wpr-bg-221fb012-676b-4831-9354-83656826cc6c: url('https://cybernob.com/wp-content/themes/porto/images/flags.png');}.curved-border:after{--wpr-bg-ba62558c-1c06-419e-a038-fc0f4cd72a43: url('https://cybernob.com/wp-content/themes/porto/images/curved-border.svg');}.divider.pattern:after,hr.pattern:after{--wpr-bg-edb145d4-ccc1-4551-ac57-52ce2fa9072a: url('https://cybernob.com/wp-content/themes/porto/images/patterns/worn_dots.png');}#mini-cart .cart-loading{--wpr-bg-da13abb3-85fe-4350-890b-6df0d4b893fe: url('https://cybernob.com/wp-content/themes/porto/images/ajax-loader@2x.gif');}#mini-cart .cart-items .items-loading,.gutenberg-hb .compare-count .items-loading,.my-wishlist .wishlist-count .items-loading,header .compare-count .items-loading{--wpr-bg-cc4a28d1-4497-42c1-8a61-95bc61f30843: url('https://cybernob.com/wp-content/themes/porto/images/ajax-loader@2x.gif');}.section.section-overlay:before{--wpr-bg-41c4b97c-d1e1-49f8-afa5-f7b4ab048c73: url('https://cybernob.com/wp-content/themes/porto/images/video-overlay.png');}.highlighted-word.highlighted-word-animation-1:after{--wpr-bg-c88cb700-f3ed-46ea-822a-a56ea4534789: url('https://cybernob.com/wp-content/themes/porto/images/pencil-blue-line.png');}.section-video .video-overlay{--wpr-bg-6ecf769d-004b-4b28-ab23-3eddc0003279: url('https://cybernob.com/wp-content/themes/porto/images/video-overlay.png');}.vc_separator .vc_sep_holder.vc_sep_holder_l .vc_sep_line.pattern:after,.vc_separator .vc_sep_holder.vc_sep_holder_r .vc_sep_line.pattern:after{--wpr-bg-f9992d65-7196-4bb1-b6dc-d549898fdd13: url('https://cybernob.com/wp-content/themes/porto/images/patterns/worn_dots.png');}.dir-arrow{--wpr-bg-4a1219fa-5864-476b-a86f-b1b7a4ed6370: url('https://cybernob.com/wp-content/themes/porto/images/arrows.png');}.dir-arrow.arrow-light{--wpr-bg-7724bc90-0ae9-4e9a-83e9-93521611264c: url('https://cybernob.com/wp-content/themes/porto/images/arrows-dark.png');}.porto-history .thumb{--wpr-bg-d93e4e0d-90c9-4fd9-a561-e588492c40b4: url('https://cybernob.com/wp-content/themes/porto/images/history-thumb.png');}.vc_pixel_icon-alert{--wpr-bg-0329c4a6-836c-463e-a3d0-3dfe86bf77db: url('https://cybernob.com/wp-content/uploads/vc/alert.png');}.vc_pixel_icon-info{--wpr-bg-41541b34-4653-47c5-927a-d592dee71492: url('https://cybernob.com/wp-content/uploads/vc/info.png');}.vc_pixel_icon-tick{--wpr-bg-daac9448-80b7-4ef5-92cb-470f7e151ebc: url('https://cybernob.com/wp-content/uploads/vc/tick.png');}.vc_pixel_icon-explanation{--wpr-bg-272eb30b-15a3-4dd7-bb9d-b83d122cad38: url('https://cybernob.com/wp-content/uploads/vc/exclamation.png');}.vc_pixel_icon-address_book{--wpr-bg-1e4774ae-9050-44a7-85aa-357dfee991f7: url('https://cybernob.com/wp-content/uploads/images/icons/address-book.png');}.vc_pixel_icon-alarm_clock{--wpr-bg-390ddb33-6184-4a8c-a8b8-589a6d5790a9: url('https://cybernob.com/wp-content/uploads/images/icons/alarm-clock.png');}.vc_pixel_icon-anchor{--wpr-bg-9ab50b45-03de-47db-944e-d61c1ea1b846: url('https://cybernob.com/wp-content/uploads/images/icons/anchor.png');}.vc_pixel_icon-application_image{--wpr-bg-3edc5565-6b4d-4c2c-90ad-2eac8b6f9ac0: url('https://cybernob.com/wp-content/uploads/images/icons/application-image.png');}.vc_pixel_icon-arrow{--wpr-bg-9f42f5df-8a2f-489b-be7c-b9ff2854a9b0: url('https://cybernob.com/wp-content/uploads/images/icons/arrow.png');}.vc_pixel_icon-asterisk{--wpr-bg-2e1a86e0-b026-4961-844f-2b4338b24511: url('https://cybernob.com/wp-content/uploads/images/icons/asterisk.png');}.vc_pixel_icon-hammer{--wpr-bg-38d0cab4-5aa7-46c6-b3ff-a5f5b37665c8: url('https://cybernob.com/wp-content/uploads/images/icons/auction-hammer.png');}.vc_pixel_icon-balloon{--wpr-bg-6a2820ed-17a7-4f4f-9ffd-09a904c02cb1: url('https://cybernob.com/wp-content/uploads/images/icons/balloon.png');}.vc_pixel_icon-balloon_buzz{--wpr-bg-f2e30472-d34e-41c8-af2e-9b32fd4e9b0e: url('https://cybernob.com/wp-content/uploads/images/icons/balloon-buzz.png');}.vc_pixel_icon-balloon_facebook{--wpr-bg-8d451b84-9ced-4287-ae47-a4865c7b6b10: url('https://cybernob.com/wp-content/uploads/images/icons/balloon-facebook.png');}.vc_pixel_icon-balloon_twitter{--wpr-bg-50741907-d281-41b9-8fc1-79403968b5a7: url('https://cybernob.com/wp-content/uploads/images/icons/balloon-twitter.png');}.vc_pixel_icon-battery{--wpr-bg-69afefaa-5922-47e7-b51a-0e9525161132: url('https://cybernob.com/wp-content/uploads/images/icons/battery-full.png');}.vc_pixel_icon-binocular{--wpr-bg-063e179f-a986-4a1c-be0c-50c85ccac792: url('https://cybernob.com/wp-content/uploads/images/icons/binocular.png');}.vc_pixel_icon-document_excel{--wpr-bg-6902e552-93eb-4080-b99b-7e7c50a5e23b: url('https://cybernob.com/wp-content/uploads/images/icons/blue-document-excel.png');}.vc_pixel_icon-document_image{--wpr-bg-9024acbc-25ed-4525-99c8-95a9e9c61fcb: url('https://cybernob.com/wp-content/uploads/images/icons/blue-document-image.png');}.vc_pixel_icon-document_music{--wpr-bg-a15633e7-09ac-43be-99d0-82e4917c2dd3: url('https://cybernob.com/wp-content/uploads/images/icons/blue-document-music.png');}.vc_pixel_icon-document_office{--wpr-bg-820bb1c4-5c0c-49ef-a783-153178684689: url('https://cybernob.com/wp-content/uploads/images/icons/blue-document-office.png');}.vc_pixel_icon-document_pdf{--wpr-bg-e3a2c60c-c77d-4b4e-a643-1c41a7ebf9b6: url('https://cybernob.com/wp-content/uploads/images/icons/blue-document-pdf.png');}.vc_pixel_icon-document_powerpoint{--wpr-bg-dc0f7caf-8c38-4a16-9e12-13ec90518450: url('https://cybernob.com/wp-content/uploads/images/icons/blue-document-powerpoint.png');}.vc_pixel_icon-document_word{--wpr-bg-f3f460a0-8eef-44a9-aa2a-a233d30f7b2e: url('https://cybernob.com/wp-content/uploads/images/icons/blue-document-word.png');}.vc_pixel_icon-bookmark{--wpr-bg-5d63a348-3312-46de-943d-1a418a267591: url('https://cybernob.com/wp-content/uploads/images/icons/bookmark.png');}.vc_pixel_icon-camcorder{--wpr-bg-4c389790-e358-438b-936b-71b133412d33: url('https://cybernob.com/wp-content/uploads/images/icons/camcorder.png');}.vc_pixel_icon-camera{--wpr-bg-8b1ceb68-474f-4520-a92a-4d8faecfb05c: url('https://cybernob.com/wp-content/uploads/images/icons/camera.png');}.vc_pixel_icon-chart{--wpr-bg-43813f8c-f315-43c1-a0d3-5d7a64284f71: url('https://cybernob.com/wp-content/uploads/images/icons/chart.png');}.vc_pixel_icon-chart_pie{--wpr-bg-ef56aeaf-4e2f-4896-a538-290952402a63: url('https://cybernob.com/wp-content/uploads/images/icons/chart-pie.png');}.vc_pixel_icon-clock{--wpr-bg-43a217ca-cf1a-4ea0-b7c6-5da10c6574a1: url('https://cybernob.com/wp-content/uploads/images/icons/clock.png');}.vc_pixel_icon-play{--wpr-bg-a1b3a695-200c-4bcd-81f6-4758883884c0: url('https://cybernob.com/wp-content/uploads/images/icons/control.png');}.vc_pixel_icon-fire{--wpr-bg-f0415709-3b17-4b5d-888f-9040702901ec: url('https://cybernob.com/wp-content/uploads/images/icons/fire.png');}.vc_pixel_icon-heart{--wpr-bg-f18fd2fb-eb2d-44ac-a4fd-3cb4da67e55b: url('https://cybernob.com/wp-content/uploads/images/icons/heart.png');}.vc_pixel_icon-mail{--wpr-bg-8e85a2cb-1293-43f7-8217-2119b34fa87c: url('https://cybernob.com/wp-content/uploads/images/icons/mail.png');}.vc_pixel_icon-shield{--wpr-bg-f42b6afa-a56d-40c2-a025-e4d83fd59bcc: url('https://cybernob.com/wp-content/uploads/images/icons/plus-shield.png');}.vc_pixel_icon-video{--wpr-bg-0fd1a958-d9c8-42cc-b99a-bb0b454bebb4: url('https://cybernob.com/wp-content/uploads/images/icons/video.png');}.vc-spinner.vc-spinner-complete::before{--wpr-bg-939fd19f-e752-4478-a6db-b5b995c52455: url('https://cybernob.com/wp-content/uploads/vc/tick.png');}.vc-spinner.vc-spinner-failed::before{--wpr-bg-df58bd6b-e101-4aee-aa28-076d1c805d96: url('https://cybernob.com/wp-content/uploads/vc/remove.png');}#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{--wpr-bg-4a005817-5ddf-41be-80eb-b6e876cc4f15: url('https://cybernob.com/wp-content/uploads/porto_merged_resources/images/fancybox_sprite.png');}#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{--wpr-bg-721c4eae-35d0-4df0-ab88-fcf85f98bd53: url('https://cybernob.com/wp-content/uploads/porto_merged_resources/images/fancybox_sprite@2x.png');}.divider.pattern.pattern-2:after,hr.pattern.pattern-2:after{--wpr-bg-0fd7704f-f6a6-42f4-9c24-1c8be17221dc: url('https://cybernob.com/wp-content/themes/porto/images/patterns/az_subtle.png');}.porto-checkbox .porto-control-input:checked~.porto-control-label:after{--wpr-bg-917ef2ab-4fb9-4e2d-8930-46d55339be4b: url('https://cybernob.com/wp-content/themes/porto/images/custom-checkbox.svg');}.payment-icons .stripe{--wpr-bg-8540a78e-c7d9-4f89-a262-9f639b9c8ffd: url('https://cybernob.com/wp-content/themes/porto/images/payment-stripe.png');}.section-video.video-overlay-dark .video-overlay{--wpr-bg-f55b4c6d-6adf-4e26-bdef-92df95f9ca7e: url('https://cybernob.com/wp-content/themes/porto/images/video-overlay-dark.png');}.vc_separator .vc_sep_holder.vc_sep_holder_l .vc_sep_line.pattern.pattern-2:after,.vc_separator .vc_sep_holder.vc_sep_holder_r .vc_sep_line.pattern.pattern-2:after{--wpr-bg-2370a730-d555-4b20-a57e-2e10d73c08bb: url('https://cybernob.com/wp-content/themes/porto/images/patterns/az_subtle.png');}rs-dotted.twoxtwo{--wpr-bg-2187f91f-4776-4a04-883a-5265774dace2: url('https://cybernob.com/wp-content/plugins/revslider/sr6/assets/assets/gridtile.png');}rs-dotted.twoxtwowhite{--wpr-bg-a50444ee-8e99-4635-a366-9208c067ad75: url('https://cybernob.com/wp-content/plugins/revslider/sr6/assets/assets/gridtile_white.png');}rs-dotted.threexthree{--wpr-bg-35307856-f135-4eb6-a099-48c4ed3804d7: url('https://cybernob.com/wp-content/plugins/revslider/sr6/assets/assets/gridtile_3x3.png');}rs-dotted.threexthreewhite{--wpr-bg-c8a33cee-8abe-44a6-b98b-54e0d649268d: url('https://cybernob.com/wp-content/plugins/revslider/sr6/assets/assets/gridtile_3x3_white.png');}.rs-layer.slidelink a div{--wpr-bg-dcc38b46-b4c3-4d8b-ba52-597792985f4e: url('https://cybernob.com/wp-content/plugins/revslider/sr6/assets/assets/coloredbg.png');}.rs-layer.slidelink a span{--wpr-bg-eacd98b5-f91c-4e2b-a5c2-1da7991e27a9: url('https://cybernob.com/wp-content/plugins/revslider/sr6/assets/assets/coloredbg.png');}rs-loader.spinner0{--wpr-bg-0489dfb7-616a-4abb-bd1c-95ed1de59994: url('https://cybernob.com/wp-content/plugins/revslider/sr6/assets/assets/loader.gif');}rs-loader.spinner5{--wpr-bg-4084e7b7-0a5a-4b1f-9de7-613b2e42a002: url('https://cybernob.com/wp-content/plugins/revslider/sr6/assets/assets/loader.gif');}.rll-youtube-player .play{--wpr-bg-98288e80-4394-4429-b19a-6dc28ca025f2: url('https://cybernob.com/wp-content/plugins/wp-rocket/assets/img/youtube.png');}