<!-- Copyright (c) 2000-2025 Motion Genesis LLC.  All rights reserved. -->
<!DOCTYPE html>
<html>
    <head>
        <meta content="2EYbVc2f5cGNgkO_CoUx6G_C_pPHk5QW6AJGDaPUTeg" name="google-site-verification">
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
        <title>
   MotionGenesis - Software and textbooks for forces and motion.
        </title>
        <meta content="MotionGenesis: F=ma Symbolic manipulation for forces, motion analysis, statics,
         dynamics, kinematics, and mathematical analysis.
         MotionGenesis: Symbolic math for physics, engineering, statics, dynamics, dynamic systems, vibrations, and controls.
         Fast, powerful, efficient, compact DSL (domain specific language) for forces and motion.
         MotionGenesis: Software, engineering, and education for forces and motion. Autolev" name="keywords">
        <link href="./MGWebSite/MGHomePage/MGIcon.ico" rel="shortcut icon">
        <link href="./MGWebSite/MGWebTools/MGcss.css" rel="stylesheet" type="text/css">
        <meta content="width=device-width, initial-scale=1" name="viewport">
        <style type="text/css">
            .image-div {
                background-image    : url("./MGWebSite/GraphicsPublicDomain/SpaceShuttleLaunchAPiqselsComCC0CroppedB.jpg");
                        /* background-image: url('./MGWebSite/GraphicsPublicDomain/SpaceShuttleLaunchAPiqselsComCC0.jpg'); */
                        /* background-image: url('https://upload.wikimedia.org/wikipedia/commons/4/43/STS-125_Atlantis_Liftoff.jpg'); */
                background-repeat   : no-repeat; /* Ensures that background image never creates duplicate adjacent images */
                height              : 27.5em;
                        /* background-position: center; */
                background-position : top -1.75em left 50%; /* top -2em offsets the position of the background image to be -4em from the top; left 50% is a placeholder? */
                background-size     : 110%; /* Zooms in on the image. */
                opacity             : 85%;
                display             : flex;
                flex-direction      : row;
                justify-content     : space-between;
            }
            .image-div-text {
                padding-top         : 4em;
                padding-left        : 4em;
                text-shadow         : 0em 0em 0.5em var(--MGcolorA); /* Creates a text-shadow around MotionGenesis header of size 0.5em, with no offset */
                color               : var(--MGdarkBlue);
                font-weight         : bold;
            }
            .mathworks {
                margin-top          : 4.5em; /* margin on mathworks needs to be slightly larger than MotionGenesis margin top, possibly because of trademark */
                margin-right        : 4em;
            }
            .mathworks img {
                height              : 3.25em;
            }
            .header-1 {
                font-size           : 3em;
            }
            .subheader-1 {
                font-size           : 1.45em;
            }
            .banner-2 {
                width               : 100%;
                background-color    : var(--MGcolorA);
            }
            .banner-2-sub {
                margin              : auto;
                width               : 77.5%;
                display             : flex;
                flex-direction      : row;
                justify-content     : space-around;
                font-size           : 2.25em;
            }
            .banner-2-sub > div {
                background-color    : rgb(179, 189, 201);
                margin-top          : 1.0em;
                margin-bottom       : 1.0em;
                margin-left         : 0.20em;
                margin-right        : 0.20em;
                display             : flex;
                flex-direction      : column;
                align-items         : center;
                padding-top         : 0.65em;
                padding-left        : 0.65em;
                padding-right       : 0.65em;
                padding-bottom      : 0.35em;
            }
            .banner-2 img {
                height              : 3.45em;
            }
            .banner-2-sub > div > div:nth-child(2) {
                padding-top         : 0.2em;
            }
            @media (min-width: 100.0em) {
                .image-div {
                    background-position : top -16.5em left 50%; /* top -11.5em ensures that rocket is still visible on larger screens */
                }
            }
            @media (max-width: 53.75em) {
                .home-page {
                    font-size           : 0.75em;
                }
            }
            @media (max-width: 38.125em) {
                .home-page {
                    font-size           : 0.55em;
                }
                .image-div {
                    background-position : top; /* Places background image to be fixed on the image's top border */
                    background-size     : 120%;
                }
                .banner-2-sub {
                    flex-direction      : column;
                    font-size           : 3.1em;
                    width               : 65%;
                }
                .banner-2-sub > div {
                    margin-top          : 0.5em;
                    margin-bottom       : 0.5em;
                }
                .banner-2-sub > div:first-child {
                    margin-top          : 1.0em;
                }
                .banner-2-sub > div:last-child {
                    margin-bottom       : 1.0em;
                }
                .textbook-icon img {
                    height              : 4.5em;
                }
            }
            @media (max-width: 26.25em) {
                .home-page {
                    font-size           : 0.50em;
                }
                .image-div {
                    background-size     : 165%; /* Increases the zoom level of the background image */
                    text-align          : center;
                    flex-wrap           : wrap;
                    justify-content     : center;
                }
                .image-div-text {
                    padding-left        : 0em;
                }
                .mathworks {
                    display             : none;
                }
                .banner-2 img {
                    height              : 25vw; /* Sets the height of the images to be 25% of the viewport width (yes, its strange that the height is set in terms of a width measurement) */
                }
            }
        </style>
    </head>
    <body>
        <div class="home-page">
            <base target="_self">
            <div class="top-frame">
                <iframe class="top-frame" marginheight="0" src="./MGWebSite/MGWebSiteIndexB.html">
                </iframe>
            </div>
            <div class="image-div">
                <div class="image-div-text">
                    <div class="header-1">
                        MotionGenesis&trade;
                    </div>
                    <div class="subheader-1">
                        Symbolic force, motion, and code-generation tools
                    </div>
                </div>
                <div class="mathworks">
                    <a href="http://www.mathworks.com/products/connections/product_detail/product_60823.html" target="_blank">
                        <!-- http://www.mathworks.com -->
                        <img alt="MotionGenesis&trade; Kane is a MATLAB&reg; Connections Partner." src="./MGWebSite/MGHomePage/MGMathworksConnectionsProgramTight.png">
                    </a>
                </div>
            </div>
            <div class="banner-2">
                <div class="banner-2-sub">
                    <div>
                        <div class="software-icon">
                            <a href="./MGWebSite/MGSoftwareFeatures/MGSoftwareFeatures.html" target="_parent">
                                <img alt="MotionGenesis Software" src="./MGWebSite/MGGetStarted/MotionGenesisScreenShot.png">
                                <!-- <img src="./MGWebSite/GraphicsPublicDomain/LaptopMetalMarious.jpg" alt="Stack of Three Books"> -->
                            </a>
                        </div>
                        <div>
                            <a href="./MGWebSite/MGSoftwareFeatures/MGSoftwareFeatures.html">
                                <span>
         Software
                                </span>
                            </a>
                        </div>
                    </div>
                    <div>
                        <div class="textbook-icon">
                            <a href="./MGWebSite/MGTextbooks/MGTextbooks.html" target="_parent">
                                <img alt="MotionGenesis Textbooks" src="./MGWebSite/GraphicsPublicDomain/StackOfBooks.png">
                            </a>
                        </div>
                        <div>
                            <a href="./MGWebSite/MGTextbooks/MGTextbooks.html">
                                <span>
                                    Textbooks
                                </span>
                            </a>
                        </div>
                    </div>
                    <div>
                        <div class="textbook-icon">
                            <a href="./MGWebSite/MGTraining/MGConsultingTrainingSupport.html" target="_parent">
                                <img alt="Support" src="./MGWebSite/GraphicsPublicDomain/Collaboration5PersonHandsBPiqselsComCC0Cropped.jpg">
                            </a>
                        </div>
                        <div>
                            <a href="./MGWebSite/MGTraining/MGConsultingTrainingSupport.html">
                                <span>
                                    Support
                                </span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer footer-border" style="margin-top: 0.0em;">
                <div class="footer-iframe">
                    <iframe class="footer-iframe" marginheight="0" src="./MGWebSite/MGHomePage/MGWebSiteCopyrightTrademarks.html">
                    </iframe>
                </div>
                <div class="receipt-links" style="font-size: 0.8125em; margin-bottom: 0.75em;">
                    <div style="margin-top:  0.00em;">
                        <a class="footer-link no-underline-links" href="./MGWebSite/MGQuirkyNews/MGQuirkyNews.html">
                            <span class="black-links no-break">
                                Engineering news and resources
                            </span>
                        </a>
                    </div>
                    <div style="margin-top: -0.25em;">
                        <a class="footer-link no-underline-links" href="./indexSiteMapOld.html">
                            <span class="black-links no-break">
                                Site index
                            </span>
                        </a>
                    </div>
                    <div style="margin-top: -0.25em;">
                        <a class="footer-link no-underline-links" href="./MGWebSite/MGContactInfo/MGContactInfo.html">
                            <span class="black-links no-break">
                                Contact us
                            </span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>