<!DOCTYPE html>
<html>

    <head>
    
    
 <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Poppins:wght@600;700&display=swap" rel="stylesheet">

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@200&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Forum&family=Jost:ital,wght@0,100..900;1,100..900&family=PT+Sans+Narrow:wght@400;700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet">

 <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Oswald:wght@300&display=swap" rel="stylesheet"> 

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Ballet:opsz@16..72&display=swap" rel="stylesheet">

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=Wittgenstein:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet">

      
       
    <style>
	
	#scrollingDiv {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            background-color: #000000;
            color: #eaaf1c;
            padding: 0px;
            text-align: center;
            transition: transform 0.3s;
			height: 65px;
			opacity: .95;
			
        }
	
	#myiframe66 {
	
width: 100%;
	z-index: 12;
	position: fixed;
	background-color: transparent;
	border-width: 0px!important;
	} 
	
	#imagemedia {
		
		width: 100%;
		height: auto;
		
	}
	
	#hovertext {
	 font-size: 15px;	
	}
	
.container {
  position: relative;
  width: 100%;
}

.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.container:hover .image {
  opacity: 0.3;
  
}

.container:hover .middle {
  opacity: 1;
}

.text {
  background-color: #000000;
   border-top-left-radius: 25px;
    border-top-right-radius: 25px;
	 border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
  color: white;
  font-size: 12px;
  padding: 16px 32px;
}
</style>
    
    
    
   <style>
	
	#social {
	width: 100%;
	height:auto;
	margin-top: 0px;
	border-bottom: 0px;
	}
        body {
            scroll-behavior: smooth;
        }
        
        #photospace {
            width: 100%;
            height: 75px;
        }
        
        #iframe_top_space {
            width: 100%;
            height: 50px;
        }
    </style>
    <style>
        #videoDiv2 {
            width: 100%;
            max-width: 100%;
            margin: auto;
            display: block;
            position: relative;
        }
        /* This has been changed */
        
        #video2 {
            width: 100%;
            height: auto;
        }
        /* This has been changed */
        
        #videoMessage2 {
            position: absolute;
            top: 0;
            left: 0;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
        }
    </style>

    <style>
        #eventflyer {
            width: 70%;
            height: auto;
            margin-top: 50px;
        }
        
        #large {
            width: 100%;
            height: 75px;
            background-color: #EAEAEA;
            margin-top: 0px;
        }
        
        #block1 {
            width: 100%;
            height: auto;
        }
        
        #ban {
            width: 100%;
            height: auto;
            margin-left: auto;
            margin-right: auto;
        }
        
        #white {
            width: 100%;
            height: auto;
            background-color: #FFF;
        }
        
        #html2 {
            background: no-repeat center center fixed;
            -webkit-background-size: auto;
            background-size: auto;
            margin-right: auto;
            background-position: 50% 0%;
            background-repeat: repeat repeat;
        }
        
        #stats {
            width: 100%;
            height: auto;
            background-color: #FFF;
        }
		
		
		
		
		
		
		
		
		
		
	
    </style>


    <meta name="Elevate your brand with our professional web development services, crafting visually stunning and user-friendly websites that captivate and convert your target audience, ensuring long-lasting online success."> 
<meta name="keywords" content="graphics, website, mobile app development"> 

<link rel="icon" type="image/x-icon" href="favicon.ico">
  <base target="_top">
	<link rel="stylesheet" href="boilerplate.css">
	<link rel="stylesheet" href="home.css">
     <link rel="stylesheet" href="styles.css">
    <link rel="stylesheet" href="f.css">
	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale = 1.0,maximum-scale = 1.0">
    <title>PROFESSIONAL WEB DESIGN MOBILE APP DESIGN 3D ANIMATINO VIDEO EDITING AND GRAPHICS DESIGN - NICKVENTIVE DESIGN</title></head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
    <!-- body,
    td,
    th {
        color: #004800;
    }
    
    -->
</style>



<style>
    html {
        scroll-behavior: smooth;
    }
    
    .zoom:hover {
        -ms-transform: scale(1);
        /* IE 9 */
        -webkit-transform: scale(1);
        /* Safari 3-8 */
        transform: scale(1.15);
    }
</style>
    <body>

    <div id="primaryContainer" class="primaryContainer clearfix">
    
     <iframe id="myiframe66" src="navv.html" allowtransparency="true"></iframe>
    
      <!-- <div id="footercolor"></div>
    <iframe id="html_1" src="https://www.gctministries.org/test5/" width="100%" height="1200px" frameborder="0" scrolling="auto" seamless="seamless" class="restricted" style="overflow:hidden" allowtransparency="true" background: "transparent"></iframe> 
     <div id="footercolor"></div>
     
  
 
      
        
      <div id="html_1" class="clearfix">
<div id="videoDiv2" title="Background Video"> 
<video id="video2"  autoplay="" loop="" muted="" name="media"><source src="" type="video/mp4"></video>

</div>
</div>  -->
      <img src="office.jpg" border="0" class="cushycms" id="html2" title="Banner Image" />
      <div id="footercolor"></div>     
        <div id="relative" class="clearfix">
            <div id="WebDesignExperts" class="clearfix">
                <div id="Web_Development_Agency" class="clearfix">
                    <div id="WebDesignExperts1" class="clearfix">
                        <div id="Digital_Presence" class="clearfix">
                            <div id="box_welcome_modules" class="clearfix animation-element slide-up">
                                <img id="Digital_Presence1" src="img/helping-hand-icon-png-25.png" class="image" />
                            </div>
                            <p id="Web_Development_Agency1" class="clearfix animation-element slide-up">
                            nickventive design<br />
                            </p>
                            <p id="Digital_Presence2" class="clearfix animation-element slide-up">
                            Web Design <br />
                            </p>
                            <div id="Web_Development_Agency2" class="clearfix">
                            </div>
                            <p id="box_welcome_modules1" class="clearfix animation-element slide-up">
                           “Elevate your brand with our professional web development services, crafting visually stunning and user-friendly websites that captivate and convert your target audience, ensuring long-lasting online success.”<br />
                            </p>
                            <!--<div class="clearfix animation-element slide-up">
                            <a href="#nvquote"> <input id="Web_Development_Agency3" type="button" value="GET A QUOTE"></input></a>
                             <a href="https://www.nickventive.com/payments/"><input id="input" type="button" value="PAYMENTS"></input></a></div> -->
                        </div>
                        <div id="Web_Development_Agency4" class="clearfix">
                        </div>
                    </div>
                </div>
                <div id="Branding_Online" class="clearfix">
                    <div id="Branding_Online1" class="clearfix">
                    </div>
                    
                    
                    <div id="Web_Design_Expertsb" class="clearfix animation-element slide-up">
                     <script src="https://static.elfsight.com/platform/platform.js" async></script>
<div class="elfsight-app-4738b27a-d729-4344-9e51-2db065374cdb" data-elfsight-app-lazy></div>
                    </div>
                    
                    
                    
                    <div id="Branding_Online5" class="clearfix">
                    </div>
                   <!-- <div id="Digital_Presence5" class="clearfix animation-element slide-up">
                        <div id="services" class="clearfix">
                        </div>
                        <center><img id="Branding_Online6" src="img/pencil_professional_web_design_mobile_apps.png" class="clearfix animation-element slide-up" /></center>
                        <div id="Conversion_Focused_Design" class="clearfix">
                            <div id="Web_Development_Agency5" class="clearfix animation-element slide-up">
                                <img id="SEO_optimized_Sites" src="img/helping-hand-icon-png-25.png" class="image" />
                            </div> <div id="nvservices"></div>
                            <p id="Web_Development_Agency6" class="clearfix animation-element slide-up">
                            NICKVENTIVE DESIGN<br />
                            </p>
                        
                            <p id="box_welcome_modules4" class="clearfix animation-element slide-up">
                            OUR LIST OF SERVICES
                            </p>
                        </div>
                     
                        <div id="Web_Development_Agency7" class="clearfix animation-element slide-up">
                            <div id="Digital_Presence6" class="clearfix">
                                <div id="SEO_optimized_Sites1" class="clearfix">
                                    <div id="Web_Development_Agency8" class="clearfix">
                                        <div id="Conversion_Focused_Design1" class="clearfix">
                                            <img id="Web_Development_Agency9" src="img/web%20copy.png" class="image" />
                                            <div id="Digital_Presence7" class="clearfix">
                                                <div id="Web_Design_Experts4" class="clearfix">
                                                    <div id="temp1" class="clearfix">
                                                        <a id="Web_Development_Agency10" href="nick_web.html">
                                                        Web Design<br />
                                                        </a>
                                                        <div id="Web_Design_Experts5" class="clearfix">
                                                        </div>
                                                        <p id="text">
                                                        “Elevate your brand with our professional web development services, crafting visually stunning and user-friendly websites that captivate and convert your target audience, ensuring long-lasting online success.”<br />
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="Web_Design_Experts6" class="clearfix animation-element slide-up">
                                        <div id="SEO_optimized_Sites2" class="clearfix">
                                            <img id="image5" src="img/flyer%20copy.png" class="image" />
                                            <div id="Digital_Presence8" class="clearfix">
                                                <div id="Digital_Presence9" class="clearfix">
                                                    <div id="temp2" class="clearfix">
                                                        <a id="Web_Development_Agency11" href="nick_print.html">
                                                        FLYER &amp; LOGO DESIGN<br />
                                                        </a>
                                                        <div id="Web_Design_Experts7" class="clearfix">
                                                        </div>
                                                        <p id="text1">
                                                        “Elevate your brand and captivate potential clients with our expertly crafted flyer designs that seamlessly combine creativity and strategy to drive engagement and conversions.”<br />
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="Web_Design_Experts8" class="clearfix animation-element slide-up">
                                        <img id="Web_Development_Agency12" src="img/cartoon%20copy.png" class="image" />
                                        <div id="Digital_Presence10" class="clearfix">
                                            <div id="Web_Design_Experts9" class="clearfix">
                                                <div id="temp3" class="clearfix">
                                                    <a id="Web_Development_Agency13" href="nick_anime.html">
                                                    CARTOON ANIMATION<br />
                                                    </a>
                                                    <div id="Digital_Presence11" class="clearfix">
                                                    </div>
                                                    <p id="text2">
                                                    “Elevate your brand’s storytelling with our professional cartoon animation services, creating captivating visual narratives that engage and enchant your audience, ultimately driving increased brand recognition and customer engagement.”<br />
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="box" class="clearfix animation-element slide-up">
                                    <div id="box_welcome_modules5" class="clearfix">
                                        <div id="box1" class="clearfix">
                                            <img id="image6" src="img/app%20copy.png" class="image" />
                                            <div id="box2" class="clearfix">
                                                <div id="box3" class="clearfix">
                                                    <div id="temp4" class="clearfix">
                                                        <a id="temp5">
                                                        mobile app development<br />
                                                        </a>
                                                        <div id="box4" class="clearfix">
                                                        </div>
                                                        <p id="text3">
                                                        “Elevate your brand’s digital presence with our expert mobile app development services, ensuring seamless user experiences and enhanced engagement for future clients or readers.”<br />
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="SEO_optimized_Sites3" class="clearfix animation-element slide-up">
                                        <div id="Web_Design_Experts10" class="clearfix">
                                            <img id="SEO_optimized_Sites4" src="img/videoediting%20copy.png" class="image" />
                                            <div id="box5" class="clearfix">
                                                <div id="Web_Design_Experts11" class="clearfix">
                                                    <div id="temp6" class="clearfix">
                                                        <a id="Web_Design_Experts12" href="nick_video.html">
                                                        VIDEO EDITING SERVICES<br />
                                                        </a>
                                                        <div id="Conversion_Focused_Design2" class="clearfix">
                                                        </div>
                                                        <p id="text4">
                                                        “Elevate your brand’s visual appeal and captivate potential clients with our professional video editing services, ensuring your message shines through in stunning, SEO-optimized visuals.”<br />
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div> 
                                    <div id="Conversion_Focused_Design3" class="clearfix animation-element slide-up">
                                        <img id="image7" src="img/3D%20copy.png" class="image" />
                                        <div id="box6" class="clearfix">
                                            <div id="box7" class="clearfix">
                                                <div id="temp7" class="clearfix">
                                                    <a id="temp8" href="nick_video.html">
                                                    3D Design &amp; Effects<br />
                                                    </a>
                                                    <div id="Conversion_Focused_Design4" class="clearfix">
                                                    </div>
                                                    <p id="text5">
                                                    “Elevate your brand’s visual appeal and customer engagement with our professional 3D design services, unlocking the power of immersive, eye-catching visuals that captivate and convert.”<br />
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="Branding_Online7" class="clearfix">
                            <div id="quote" class="clearfix">
                            </div>
                        </div>
                        <div id="Branding_Online8" class="clearfix">
                            <div id="box8" class="clearfix">
                                <img id="image8" src="img/full-length-portrait-young-smiling-african-man-PhotoRoom.png" class="image" />
                                <div id="temp9" class="clearfix">
                                    <div id="Branding_Online9" class="clearfix">
                                        <div id="box9" class="clearfix">
                                            <div id="Conversion_Focused_Design5" class="clearfix">
                                            </div>
                                            <img id="Branding_Online10" src="img/pencil_professional_web_design_mobile_apps%201.png" class="image" />
                                        </div>
                                    </div> <div id="nvquote"></div>
                                  
                                  <a href="nvquote">
                                    <p id="box_welcome_modules6">
                                    GET A QUOTE TODAY<br />
                                    </p></a>
                                    <div id="Conversion_Focused_Design6" class="clearfix">
                                    </div>
                                    <div id="embed_quote_web_designexperts" class="clearfix">
                                    
                                    
                                    <script src="https://static.elfsight.com/platform/platform.js" async></script>
<div class="elfsight-app-7f395155-c2d9-4161-bb9d-739804e47df7" data-elfsight-app-lazy></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>-->
                </div>
            </div>
            <img id="Conversion_Focused_Design7" src="img/grey_AffordableWebDesign.png" class="image" />
           
           
           
           
           <!-- <div id="Branding_Online11" class="clearfix">
                <img id="Branding_Online12" src="img/pencil_professional_web_design_mobile_apps.png" class="image" />
                <div id="Conversion_Focused_Design8" class="clearfix">
                    <div id="Conversion_Focused_Design9" class="clearfix">
                        <img id="SEO_optimized_Sites5" src="img/helping-hand-icon-png-25.png" class="image" />
                    </div>
                    <p id="Conversion_Focused_Design10">
                    NICKVENTIVE DESIGN<br />
                    </p>
                    <p id="box_welcome_modules7">
                    PRINT MEDIA
                    </p>
                </div>
                <div id="Conversion_Focused_Design11" class="clearfix">
                </div>
                <div id="embed_porfolio_webdedsign_professional_services" class="clearfix">
                </div>
                <div id="SEO_optimized_Sites6" class="clearfix">
                </div>
            </div>
            <img id="anglewhite" src="img/grey_bottom_background_pencil_professional_web_design_mobile_apps.png" class="image" />
            <div id="Conversion_Focused_Design12" class="clearfix">
                <img id="Branding_Online13" src="img/pencil_professional_web_design_mobile_apps.png" class="image" />
                <div id="box_welcome_modules8" class="clearfix">
                    <div id="box_welcome_modules9" class="clearfix">
                        <img id="box_welcome_modules10" src="img/helping-hand-icon-png-25.png" class="image" />
                    </div>
                    <p id="Conversion_Focused_Design13">
                    NICKVENTIVE DESIGN<br />
                    </p>
                    <p id="box_welcome_modules11">
                    WEB DESIGN
                    </p>
                </div>
                <div id="Conversion_Focused_Design14" class="clearfix">
                </div>
                <div id="embed_porfolio_webdedsign_professional_services1" class="clearfix">
                </div>
                <div id="Branding_Online14" class="clearfix">
                </div>
            </div>-->
            
            <iframe id="myiframe4" src="footer.html" frameborder="0" width="100%"></iframe>
        </div>
    </div>
     <script src="iframeResizer.min.js"></script>

        <script>
            iFrameResize({
                log: true
            }, '#myiframe')
        </script>
        
          <script>
            iFrameResize({
                log: true
            }, '#myiframe1')
        </script>
        
          <script>
            iFrameResize({
                log: true
            }, '#myiframe2')
        </script>
        
          <script>
            iFrameResize({
                log: true
            }, '#myiframe3')
        </script>
        
          <script>
            iFrameResize({
                log: true
            }, '#myiframe4')
        </script>
        
         <script>
            iFrameResize({
                log: true
            }, '#myiframe5')
        </script>
        
         <script>
            iFrameResize({
                log: true
            }, '#myiframe6')
        </script>
        
          <script>
            iFrameResize({
                log: true
            }, '#myiframe7')
        </script>
        
          <script>
            iFrameResize({
                log: true
            }, '#myiframe8')
        </script>
        
          <script>
            iFrameResize({
                log: true
            }, '#myiframe9')
        </script>
        
        <script>
            iFrameResize({
                log: true
            }, '#myiframe11')
        </script>
        
           <script>
            iFrameResize({
                log: true
            }, '#myiframe66')
        </script>
        
         <script>
            iFrameResize({
                log: true
            }, '#myiframe12')
        </script>
        
            <script>
            iFrameResize({
                log: true
            }, '#myiframevid')
        </script>
        
         <script>
            iFrameResize({
                log: true
            }, '#myiframeslide')
        </script>
        
        
    
    <script src="https://static.elfsight.com/platform/platform.js" async></script>
<div class="elfsight-app-84b35cd4-b1da-4c11-8154-7aff5f996e38" data-elfsight-app-lazy></div>


       <!-- <script src="js/vendor/modernizr-3.6.0.min.js"></script>
        <script src="js/vendor/jquery-1.12.4.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/jquery.slicknav.min.js"></script>
        <script src="js/menupack-main.js"></script>
        <script src="js/jquery.scrollUp.min.js"></script>
        
        
        
 <script>
        window.onload = function() {
            if(!window.location.hash) {
                window.location = window.location + '#loaded';
                window.location.reload();
            }
        }
    </script> -->
    
     
    <div id="scrollingDiv"></div>

    <div id="opacity" style="height: 0px; background-color: #000000;">
        <!-- Some content to make the page scrollable -->
    </div>
    
      <script>
        window.addEventListener("scroll", function() {
            const scrollingDiv = document.getElementById("scrollingDiv");
            if (window.scrollY >= 100) {
                scrollingDiv.style.display = "block";
                scrollingDiv.style.transform = "translateY(0)";
            } else {
                scrollingDiv.style.transform = "translateY(-100%)";
            }
        });
    </script>
    
    
   

</body>






<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<!-- <script>
    $(document).ready(function() {
        var isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
        if (window.location.hash && isChrome) {
            setTimeout(function() {
                var hash = window.location.hash;
                window.location.hash = "";
                window.location.hash = hash;
            }, 500);
        }
    });
</script> -->









<script>
    var $animation_elements = $('.animation-element');
    var $window = $(window);

    function check_if_in_view() {
        var window_height = $window.height();
        var window_top_position = $window.scrollTop();
        var window_bottom_position = (window_top_position + window_height);

        $.each($animation_elements, function() {
            var $element = $(this);
            var element_height = $element.outerHeight();
            var element_top_position = $element.offset().top;
            var element_bottom_position = (element_top_position + element_height);
            //check to see if this current container is within viewport

            console.log(window_top_position, element_top_position);
            if (element_top_position <= window_bottom_position) {
                $element.addClass('in-view');
            } else {
                // $element.removeClass('in-view');
            }
        });
    }
    $("body").scroll(function() {
        check_if_in_view();
    });
    $("body").trigger('scroll', check_if_in_view);



    $window.on('scroll resize', check_if_in_view);
    $window.trigger('scroll', check_if_in_view);
</script>
</html>