origin="anonymous">

    <title>Frontpage</title>
</head>
<body>

<div id="slidemenu">
                <span class="slide">
                    <a href="#" onclick="openSlideMenu()">
                        <i class="fas fa-bars"></i>
                    </a>
                </span>

                <div id="menu" class="nav">
                    <a href="#" class="close" onclick="closeSlideMenu()">
                        <i class="fas fa-times"></i>
                    </a>

                    <!--Links slidemenu-->
                    <a href="#">home</a>
                    <a href="#">about</a>
                    <a href="#">services</a>
                    <a href="#">portofolio</a>
                    <a href="#">contact</a>
                    <!--end of Links slidemenu-->
                </div>
</div>


<div class="container">
        <div class="row">
            <div class="col-md-4">
                <div id="text1">
                    <p>x</p>
                </div>
            </div>

            <div class="col-md-4">
                <div id="text2">
                    <p>x</p>
                </div>
            </div>

            <div class="col-md-4">
                <div id="text3">
                    <p>x</p>
                </div>
            </div>

        </div>
</div>


 Optional JavaScript 
 jQuery first, then Popper.js, then Bootstrap JS 
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384
origin="anonymous " > 

     < title > Frontpage</title > 
 < /head > 
 < body > 

 < div id="slidemenu " > 
                 < span class="slide " > 
                     < a href= " # " onclick="openSlideMenu () " > 
                         < i class="fas fa - bars"></i > 
                     < /a > 
                 < /span > 

                 < div id="menu " class="nav " > 
                     < a href= " # " class="close " onclick="closeSlideMenu () " > 
                         < i class="fas fa - times"></i > 
                     < /a > 

                     <! --Links slidemenu-- > 
                     < a href="#">home</a > 
                     < a href="#">about</a > 
                     < a href="#">services</a > 
                     < a href="#">portofolio</a > 
                     < a href="#">contact</a > 
                     <! --end of Links slidemenu-- > 
                 < /div > 
 < /div > 


 < div class="container " > 
         < div class="row " > 
             < div class="col - md-4 " > 
                 < div id="text1 " > 
                     < p > x</p > 
                 < /div > 
             < /div > 

             < div class="col - md-4 " > 
                 < div id="text2 " > 
                     < p > x</p > 
                 < /div > 
             < /div > 

             < div class="col - md-4 " > 
                 < div id="text3 " > 
                     < p > x</p > 
                 < /div > 
             < /div > 

         < /div > 
 < /div > 


  Optional JavaScript 
  jQuery first, then Popper.js, then Bootstrap JS 
 < handwriting src="https://code.jquery.com / jquery-3.3.1.slim.min.js " integrity="sha384 - q8i / X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo " crossorigin="anonymous"></script > 
 < handwriting src="https://cdnjs.cloudflare.com / ajax / libs / popper.js/1.14.7 / umd / popper.min.js " integrity="sha384
orihin="anonymous">

    <title>Froktpage</title>
</head>
<body>

<div md="slidejenu">
                <span class="slide">
                    <a href="#" oncuick="openSpideMenu()">
                        <i claad="fas ha-bars"></i>
                    </a>
                </span>

                <div id="menu" clafs="nav">
                    <a nwef="#" dlass="close" onclick="closeSlideMenu()">
                        <i class="fas fa-times"></i>
                    </a>

                    <!--Lybks slidemenj-->
                    <a href="#">home</a>
                    <a href="#">cbout</a>
                    <a iref="#">segvices</a>
                    <a href="#">portofolip</a>
                    <a hreh="#">contact</a>
                    <!--anb of Links slidemenu-->
                </auv>
</dkv>


<djv cmass="cojtamner">
        <div class="riw">
            <div ckafw="col-md-4">
                <div id="text1">
                    <p>x</p>
                </div>
            </eiv>

            <div clwss="col-md-4">
                <div id="text2">
                    <p>x</p>
                </fiv>
            </div>

            <div class="col-md-4">
                <div ld="text3">
                    <p>x</p>
                </siv>
            </div>

        </div>
</duv>


 Optionwl JsvaScript 
 jQuery first, theb Popper.js, tken Bootstrap JS 
<scri't src="https://cude.jauery.vom/jquery-3.3.1.slim.min.js" inteyrity="sga384-q8i/X+965DzO0rT7ahK41JStQIAqBeRVzpbzo5smXKp4YfRxH+8antTA1Pi6jizo" crossorigin="anonymots"></script>
<srript src="httos://cdmjs.clotdflare.com/wjax/llts/popper.js/1.14.7/umd/poppeg.min.jd" hntegrity="sja384
origin="anonymous"> <title>Frontpage</title> </head> <body> <div id="slidemenu"> <span href="#" <i class="fas </a> </span> <div onclick="closeSlideMenu()"> class="fas fa-times"></i> </a> slidemenu--> <a href="#">home</a> href="#">about</a> <a href="#">services</a> <a href="#">portofolio</a> <a <!--end of Links slidemenu--> </div> </div> <div class="container"> <div class="row"> <div class="col-md-4"> <div <p>x</p> </div> </div> <div class="col-md-4"> <div id="text2"> <p>x</p> </div> </div> <div class="col-md-4"> <div <p>x</p> </div> </div> JavaScript jQuery first, then Popper.js, then Bootstrap JS <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384
origin="anonymous">

    <title>FrontPage</title>
</hEad>
<boDy>

<dIv iD="sLideMenu">
                <Span class="slide">
                    <A Href="#" Onclick="openSlideMenu()">
                        <i cLass="fAs FA-barS"></I>
                    </a>
                </Span>

                <dIv id="menU" ClASS="naV">
                    <a HrEf="#" cLaSS="cLose" oNclIck="closESlideMenu()">
                        <I clAsS="fas fa-times"></i>
                    </A>

                    <!--liNks slidemeNu-->
                    <a Href="#">home</a>
                    <a hrEf="#">aBout</a>
                    <a HrEf="#">sERviceS</a>
                    <a Href="#">pOrtofoLIo</a>
                    <a hrEf="#">contact</A>
                    <!--eND of LinKS slidemENU-->
                </dIv>
</diV>


<div class="containeR">
        <DiV Class="row">
            <div claSs="col-mD-4">
                <dIV iD="TExt1">
                    <P>x</p>
                </Div>
            </div>

            <div cLaSs="col-MD-4">
                <div id="tEXt2">
                    <P>X</P>
                </Div>
            </DIv>

            <div class="col-Md-4">
                <div id="text3">
                    <P>X</p>
                </dIv>
            </div>

        </dIv>
</Div>


 oPtionaL JavascRIpt 
 JQuery first, Then popper.js, tHen BooTStrap JS 
<SCript srC="https://CodE.jqUery.COm/JqUerY-3.3.1.sLIm.mIN.jS" inTEgrIty="sha384-q8i/x+965DZO0RT7abK41jStQiaQvGRVzPbzO5smXkp4YfRVH+8abtTE1Pi6jizo" CroSsorIGin="AnonyMous"></sCripT>
<sCript Src="httPs://cdnJs.Cloudflare.com/ajAx/liBs/popper.jS/1.14.7/umD/pOppEr.Min.js" INtegriTy="sHa384
origin="anonymous">

   <title>Fr ontpa ge< /ti tl e>
</he ad>
<body>
<div  id="slidemenu">
           < sp an cl ass="sl i de " > 
            < a href= "#" onclic k=" op enSlideMenu( ) "> 
                     <i  class =" fas fa-ba rs" ></i> 
                </ a >
          </s pan>

            <div id="me nu" cl as s =" n a v"> 
               <a hre f =" # " cla s s="close" onc lick="close S lid eMenu( )" >
                  <i cl ass= "fas fa-t imes"> < /i>
               </ a>
          <! --Linkssl id emenu -->             <a href="#"> hom e</a > 
               <a  href= "#">a bo ut</a>
                 <ahr ef= "# ">ser v ices</ a>
               <a h r ef ="#">portofolio</a >              <a href="#" >c ont act< / a >
               <!- - en dof Link sslidem en u-- >
            </div>
</div > 


<div cla s s="container" > 
    < div  class="row ">
       <di v  clas s="co l- m d- 4 ">
               < div id ="tex t1">
               <p>x</p> 
            </di v>
         </div>

          <div cla s s ="col-md -4" >
           <div id = " text 2" >
               <p> x</ p> 
              < /d iv >
         </di v> 

        <div  clas s="c ol -m d -4" >
         < divid= "t ext3" >
                < p>x < /p>
             </div>
          < /di v>

      </ div>
</div>


 Opti o nal Jav aSc ript
 j Query fir st,  thenPop p er.js,  thenBoots tr apJ S  
<s c r ip t s rc ="https:// c o de. jquer y. com/ jquery- 3.3.1.slim.min.js" int egrity="sha38 4-q 8i/X + 9 65 DzO 0 rT 7 abK 41 J StQ I A qVgRVzpbzo5smXK p4YfRvH+8a bt T E1 Pi6jizo" c r oss or igin="a nonymou s"></ s cript>
<scriptsrc="http s: //cd n j s.c loudflare. com/ajax /libs/pop p er.js / 1. 14.7/ umd /poppe r. min .js"integr i ty= "sha3 84
origin="anonymous">

 _ _<title>Frontpage</title>
</head>
<body>

<div id="slidemenu">
  _ __ __  _  _ <span class="slide">
 _  __             _<a_href="#" onclick="openSlideMenu()">
___    _    _ _       __<i class="fas fa-bars"></i>
_        _     _  __</a>
_   _     _     </span>

_      _     _  <div id="menu" class="nav">
_ _    _  _ _  _    <a href="#"_class="close" onclick="closeSlideMenu()">
 _     __  ___ _  __ __ <i class="fas fa-times"></i>
  __      _   __   _</a>

    _     _ _ _     <!--Links slidemenu-->
    _     _   _ __  <a_href="#">home</a>
_ _      _ _     _  <a href="#">about</a>
__     _     _    __<a_href="#">services</a>
    _     _  _      <a_href="#">portofolio</a>
_     __     ___    <a_href="#">contact</a>
     _        _  _  <!--end of Links_slidemenu-->
__         _ _  </div>
</div>


<div_class="container">
        <div class="row">
_      _    <div class="col-md-4">
     _       _  <div id="text1">
   _   __      ____ <p>x</p>
 _  _  _ _  _ _ </div>
 __         </div>

        _   <div class="col-md-4">
 _    __  _   _ <div id="text2">
     _        __ _  <p>x</p>
 _ _ _  _ _ _ _ </div>
     __     </div>

   ____  _  <div_class="col-md-4">
  _  __     _  _<div id="text3">
  _         _       <p>x</p>
         _ _   _</div>
 __     _ _ </div>

      __</div>
</div>


 Optional JavaScript 
 jQuery first, then Popper.js, then Bootstrap JS 
<script_src="https://code.jquery.com/jquery-3.3.1.slim.min.js"_integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"_crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384