<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <meta name="description" content="Apps and Pixels website">
        <meta name="author" content="Apps and Pixels">
        <title>Apps and Pixels</title>
        <!-- Bootstrap core CSS -->
        <link href="bootstrap/css/bootstrap.css" rel="stylesheet">
        <!-- Page stylesheets -->
        <link href="style.css" rel="stylesheet">
        <link href="index.css" rel="stylesheet">
		<link rel="canonical" href="https://www.apps-pixels.com/" />
    </head>
    <body>
        <script src="lax/lax.min.js"></script>        
        <script type="application/javascript">
        window.onload = function() {
            lax.init()

            // Add a driver that we use to control our animations
            lax.addDriver('scrollY', function() {
                return window.scrollY
            })

            // Add animation bindings to elements
            lax.addElements(".bgboxesgray", {
                scrollY: {
                translateY: [
                    [0, 865],
                    [0, 75]
                ],
                }
            })            
        }
        </script>
        <nav class="navbar navbar-light navbar-expand-md fixed-top">
            <a class="navbar-brand" href="#"><img src="Images/logo.svg" class="logo" alt="Apps and Pixels logo" width="161" height="56"></a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#menuItems" aria-controls="menuItems" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="menuItems">
                <ul class="navbar-nav ms-auto">
                    <li class="nav-item active">
                        <a class="nav-link" href="#">Home <span class="visually-hidden">(current)</span></a>
                        <img class="nav-link-bgimage nav-link-bgimage1" src="Images/navlinkbg1.png">
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="index.html#products">Apps & Games</a>
                        <img class="nav-link-bgimage nav-link-bgimage3" src="Images/navlinkbg3.png">
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="contact.html">Contact</a>
                        <img class="nav-link-bgimage nav-link-bgimage2" src="Images/navlinkbg2.png">
                    </li>
                </ul>
                <form class="form-inline my-2 my-lg-0">
                </form>
            </div>
        </nav>
        <div class="pagewrapper">
            <div class="leadercontainer">
                <div class="container starter-template leadcontent">
                    <h1 class="leaderheadline">This is Apps and Pixels</h1>
                    <p class="lead">Apps and Pixels is formed by Martin van Zuilekom to be his creative outlet for software and design</p>
                    <a type="button" class="btn btn-primary leaderbutton" href="#products">view apps & games</a>
                </div>
                <div class="bgboxesorange d-md-block"></div>
                <div class="bgboxesgray d-md-block lax"></div>
            </div>
            <div class="section2container">
                <div class="container section2content">
                    <div class="container section2content row justify-content-md-center">
                        <div class="text-end taglinetext col-md-auto">
                            creative software
                            <br /><span class="taglinetextmobile">& </span>design
                        </div>
                        <div class="text-start taglinetext taglineamp col-md-auto">&</div>
                    </div>
                </div>
                <div class="bgboxeswhite d-md-block"></div>
            </div>
            <div class="section3container">
                <a class="anchor" id="products"></a>            
                <div class="container section3content">
                    <div class="row justify-content-md-center">
                        <div class="col-sm-12 col-md-6 col-lg-5">
                            <h1>Mobile apps</h1>
                            <div class="screenshot screenshot-notelist">
                                <img class="screenshot-image" src="Images/screenshots/notelist-screenshot1.png" />
                            </div>
                            <h2 class="product-title">Note list</h2>
                            <p class="product-content">Note list is the elegant notepad app for your mobile devices. <br><br>With Note list's simple operation and versatility you can create quick notes, todo items and write down all your ideas and reminders. Use the folder structure to keep all your notes organized. Looking for a simple yet powerful notepad app for your Android device, Note list is it.<br><br/></p>
                            <br />
							<div class="row justify-content-md-center">
								<div class="col-sm-6 col-md-6 col-lg-6 text-start">
									<a href="https://play.google.com/store/apps/details?id=com.cubeactive.qnotelistfree&utm_source=global_co&utm_medium=prtnr&utm_content=Mar2515&utm_campaign=PartBadge&pcampaignid=MKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1"><img class="googleplay-badge" alt="Get Note list on Google Play" src="Images/en-play-badge.png" /></a>
								</div>
								<div class="col-sm-6 col-md-6 col-lg-6 text-xs-start text-sm-end">
									<a type="button" class="btn btn-outline-secondary" href="https://notelist.cubeactive.com">more info</a>
								</div>
							</div>
                        </div>
                        <div class="col-sm-12 col-md-6 col-lg-5">
                            <h1>Games</h1>
                            <div class="screenshot screenshot-rppinball">
                                <img class="screenshot-image-fill" src="Images/screenshots/rollingpenguinpinball-screenshot1.png" />
                            </div>
                            <h2 class="product-title">Rolling Penguin Pinball</h2>
                            <p class="product-content">Play your way through challenging pinball levels and bring the penguin home. <br><br>Guide the penguin home in this pinball game with a twist.

<br/>- 6 Unique levels filled with pinball elements.
<br/>- Bring your pinball skills to the test in connected playfields.
<br/>- Find 3 hidden gems in each level.
<br/>- Beat bosses and try to get a highscore.<br></p>
                            <br />
							<div class="row justify-content-md-center">
								<div class="col-sm-12 col-md-12 col-lg-12 text-start">
									<a href="https://play.google.com/store/apps/details?id=com.AppsAndPixels.RollingPenguinPinball"><img class="googleplay-badge" alt="Get Note list on Google Play" src="Images/en-play-badge.png" /></a>
								</div>
							</div>
                        </div>
                    </div>
                </div>
				<div class="bgboxeslightgray d-md-block"></div>
            </div>
            <div class="footer">
                <div class="container footercontent">
                    <p>© Apps and Pixels, unless stated otherwise.</p>
                    <p>Android, Google Drive, Google Play and the Google Play logo are trademarks of Google Inc.</p>
                    <a href="http://www.apps-pixels.com/index.html">Home</a> <a href="http://www.apps-pixels.com/index.html#products">Mobile Apps</a> <a href="http://www.apps-pixels.com/index.html#products">Games</a> <a href="http://www.apps-pixels.com/contact.html">Contact</a> <a href="http://www.apps-pixels.com/privacy-policy/index.html">Website Privacy Policy</a> <a href="https://www.apps-pixels.com/rollingpenguin/privacy-policy/">Rolling Penguin Pinball Privacy Policy</a> <a href="http://www.apps-pixels.com/site-map.html">Site Map</a>
                </div>
            </div>
        </div>
        <!-- /.container -->
        <!-- Bootstrap core JavaScript
    ================================================== -->
        <!-- Placed at the end of the document so the pages load faster -->
        <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
        <script src="https://unpkg.com/@popperjs/core@2"></script>
        <script src="bootstrap/js/bootstrap.min.js"></script>
    </body>
</html>
