<div class="card">
  <h5 class="card-header">Featured</h5>
  <div class="card-body">
    <h5 class="card-title">Special title treatment</h5>
    <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
    <a href="#" class="btn btn-primary">Go somewhere</a>
  </div>
</div>

<form>
  <div class="form-group">
    <label for="exampleInputEmail1">Email address</label>
    <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
    <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
  </div>
  <div class="form-group">
    <label for="exampleInputPassword1">Password</label>
    <input type="password" class="form-control" id="exampleInputPassword1">
  </div>
  <div class="form-group form-check">
    <input type="checkbox" class="form-check-input" id="exampleCheck1">
    <label class="form-check-label" for="exampleCheck1">Check me out</label>
  </div>
  <button type="submit" class="btn btn-primary">Submit</button>
</form>

<button id="BIS_trigger" {% if product.available %} style="display: none;" {% endif %}>
    Notify me
</button>

<div class="modal" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Modal title</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <p>Modal body text goes here.</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

<ul class="nav">
  <li class="nav-item">
    <a class="nav-link active" href="#">Active</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">Link</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">Link</a>
  </li>
  <li class="nav-item">
    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
  </li>
</ul>

<nav class="navbar navbar-expand-lg navbar-light bg-light">
  <a class="navbar-brand" href="#">Navbar</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item active">
        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Link</a>
      </li>
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          Dropdown
        </a>
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
          <a class="dropdown-item" href="#">Action</a>
          <a class="dropdown-item" href="#">Another action</a>
          <div class="dropdown-divider"></div>
          <a class="dropdown-item" href="#">Something else here</a>
        </div>
      </li>
      <li class="nav-item">
        <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
      </li>
    </ul>
    <form class="form-inline my-2 my-lg-0">
      <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
      <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
    </form>
  </div>
</nav>

{% unless product.available %}
  <a href="#" class="BIS_trigger" data-product-data="{{ product | json | escape }}">
    Email when available
  </a>
{% endunless %}

      <script type="text/javascript" src="menu_1.0.17.js"></script>

<html>
<head>
    <title>Web-cycle Login Form</title>
    <link rel="stylesheet" href="ss.css">
    </head>
<body>
    <div class="box">
    <img src="profile.jpg" class="user">
        <h2>login</h2>
        <form>
        <p>Email</p>
            <input type="text" name="" placeholder="Enter Your Email">
            <p>Password</p>
             <input type="password" name="" placeholder="******">
             <input type="submit" name="" value="Sign In">
           <a href="#">Forget Password</a>
        </form>
    </div>
    
    </body>


</html>

body{
   margin: 0;
    padding: 0;
    background: url(background.jpg);
    background-size: cover;
    font-family: monospace;
}
.box
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 350px;
    height: 420px;
    padding: 50px;
    border-radius: 10px;
    box-sizing: border-box;
    background: rgba(0,0,0,.5);
}
.user{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: calc(-100px/2 );
    left:calc(50% - 50px);
  
    
    
}

h2{
    margin: 0;
    padding: 10px 0 20px;
    color: #80ff33;
    text-align: center;
}

.box p
{
    margin: 0;
    padding: 0;
    font-weight: bold;
    color: #fff;
}

.box input{
    width: 100%;
    margin-bottom: 20px;
}
.box input[type="text"],
.box input[type="password"]{
    border: none;
    border-bottom: 1px solid #fff;
    background: transparent;
    outline: none;
    height: 40px;
    color: #fff;
    font-size: 16px;
}
::placeholder{
    color: rgba(255,255,255,.6);
    
}
.box input[type="submit"]{
    border: none;
    outline: none;
    height: 40px;
    color: #fff;
    font-size: 16px;
    background: #80ff33;
    cursor: pointer;
    border-radius: 20px;
}
.box input[type="submit"]:hover
{
    background: #33ffb8;
    letter-spacing: 3px;
}
.box a
{
    color:#fff;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

<script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>

<html>
<head>
    <link rel="stylesheet" href="style.css">
    </head>
<body>
  <div class="clock">
  <div class="outer-clock-face">
    <div class="marking marking-one"></div>
    <div class="marking marking-two"></div>
    <div class="marking marking-three"></div>
    <div class="marking marking-four"></div>
    <div class="inner-clock-face">
      <div class="hand hour-hand"></div>
      <div class="hand min-hand"></div>
      <div class="hand second-hand"></div>
    </div>
  </div>
</div>
    <script>
    const secondHand = document.querySelector('.second-hand');
const minsHand = document.querySelector('.min-hand');
const hourHand = document.querySelector('.hour-hand');

function setDate() {
  const now = new Date();

  const seconds = now.getSeconds();
  const secondsDegrees = ((seconds / 60) * 360) + 90;
  secondHand.style.transform = `rotate(${secondsDegrees}deg)`;

  const mins = now.getMinutes();
  const minsDegrees = ((mins / 60) * 360) + ((seconds/60)*6) + 90;
  minsHand.style.transform = `rotate(${minsDegrees}deg)`;

  const hour = now.getHours();
  const hourDegrees = ((hour / 12) * 360) + ((mins/60)*30) + 90;
  hourHand.style.transform = `rotate(${hourDegrees}deg)`;
}

setInterval(setDate, 1000);

setDate();

    
    </script>
    
    </body>

</html>

html {
  background:#ff5e1e ;
  text-align: center;
  font-size: 10px;
}

body {
  margin: 0;
  font-size: 2rem;
  display: flex;
  flex: 1;
  min-height: 100vh;
  align-items: center;
}

.clock {
  width: 30rem;
  height: 30rem;
  border: 7px solid #545271;
  border-radius: 50%;
  margin: 50px auto;
  position: relative;
  padding: 2rem;
  -webkit-box-shadow: 0 20px 30px rgba(104,75,106,0.65);
  -moz-box-shadow: 0 20px 30px rgba(104,75,106,0.65);
  box-shadow: 0 20px 30px rgba(104,75,106,0.65);
  background: #545271;
}

.outer-clock-face {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background: #fefefc;
  -webkit-box-shadow: 0 20px 10px rgba(62,47,63,0.45);
  -moz-box-shadow: 0 20px 10px rgba(62,47,63,0.45);
  box-shadow: 0 20px 10px rgba(62,47,63,0.45);
  overflow: hidden;
}

.outer-clock-face::after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg)
}

.outer-clock-face::before,
.outer-clock-face::after,
.outer-clock-face .marking{
  content: '';
  position: absolute;
  width: 6px;
  height: 100%;
  background: #b8b8c5;
  z-index: 0;
  left: 49%;
}

.outer-clock-face .marking  .marking-one {
  background: #bdbdcb;
  width: 3px;
}

.outer-clock-face .marking  .marking-one {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  transform: rotate(30deg)
}

.outer-clock-face .marking.marking-two {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  transform: rotate(60deg)
}

.outer-clock-face .marking.marking-three {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  transform: rotate(120deg)
}

.outer-clock-face .marking.marking-four {
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  transform: rotate(150deg)
}

.inner-clock-face {
  position: absolute;
  top: 10%;
  left: 10%;
  width: 80%;
  height: 80%;
  background: #fefefc;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  z-index: 1;
}

.inner-clock-face::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  border-radius: 18px;
  margin-left: -9px;
  margin-top: -6px;
  background: #4d4b63;
  z-index: 11;
}

.hand {
  width: 50%;
  right: 50%;
  height: 6px;
  background: #61ff;
  position: absolute;
  top: 50%;
  border-radius: 6px;
  transform-origin: 100%;
  transform: rotate(90deg);
  transition-timing-function: cubic-bezier(0.1, 2.7, 0.58, 1);
}

.hand.hour-hand {
  width: 20%;
  z-index: 3;
}

.hand.min-hand {
  height: 3px;
  z-index: 10;
  width: 35%;
}

.hand.second-hand {
  background: #ff5e1e;
  width: 40%;
}

    <html>
    <head>
    <title>Automatic cloac</title>
    <link rel="stylesheet" href="style.css">
    </head>
    <body>
    <div class="hour">
        <div class="display">
        </div>
        </div>
        <script>
        setInterval(function(){
            const hour=document.querySelector('.display');
            let time= new Date();
            let sec= time.getSeconds();
            let min=time.getMinutes();
            let hr=time.getHours();
            let day='Am';
            if(hr>12){
                day='Pm';
                hr=hr-12;
                
            }
            if(hr==0){
                hr=12;
                
            }
            if(sec<10){
                sec='0'+sec;
            }
            if(min<10){
                sec='0'+sec;
            }
            if(min<10){
                min='0'+min;
            }
            if(hr<10){
                hr='0'+hr;
            }
            hour.textContent=
                hr+':'+min+':'+sec+''+':'+day;
        })
        
        </script>
    </body>
   </html>

*
{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html,
body
{
    height: 100%;
    
}
body
{
    display: grid;
    align-items: center;
    background-image: linear-gradient(to left,#3c4cad,#24de89);
    
}
.hour
{
    background: rgba(0,0,0,0.3);
    height: 100px;
    line-height: 100px;
    text-align: center;
    padding: 0 5px;
    box-shadow: 2px 10px rgba(0,0,0,0.5);
    border-radius: 35px;
}
.hour .display
{
    font-size: 40px;
    color: #fff;
    letter-spacing: 3px;
   place-items: center;
    
}
.hour .display:hover
{
    letter-spacing: 8px;
    cursor: pointer;
}

<html>
<head>
<title> home page website </title>
<link rel="stylesheet" href="stylee.css">
   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
      </head>
    <body>
        <section id="home">
        
        <img src="images/LogoMakr-7PCbh6.png" class="logo">
            <div class="container">
            <div class="row">
             <div class="col-md-6">
                 <div class="header-text">
                 <h1> webcycle website design for home page</h1>
                 <p>please subscribe my channel webcycle for new videos and press the notification button</p>
                 
                 </div>
               <a> <img src="images/neon.png" class="watch-video"> watch video</a>
                
                
                </div>   
                
                 
                
              
            <div class="col-md-6  text-center">
                <div class="lead-form">  
               <div class="form ">
                <h3>start free trial </h3>
                   <p>fill this form to get 30 days of free service</p>
                
                
                
                </div> 
                
                <form>
                    
                   <label>your name*</label> 
                    <input type="text" placeholder="Enter Your name" class="box">
                  <label>your phone*</label> 
                    <input type="text" placeholder="Enter Your phone number"   class="box">
                 <label>your email*</label> 
                    <input type="text" placeholder="Enter Your email"  class="box" >
                    
                </form>
                
              <button type="submit" class="submit-btn" >Join free</button>
             </div>
            
            </div>
       </div>
         </div>
        </section>
 
    </body>
</html>

#home
{
    background: #101820ff;
    color: #fff;
    background-image: url(images/wave.png);
    background-size: contain;
    background-position: bottom 100%;
    background-size: 1400px 600px;
}
.logo
{
    height: 70px;
    margin: 20px;
}
.header-text .row
{
    padding-top: 10%;
    padding-bottom: 15%;
}
.watch-video
{
    width: 30px;
    margin: 20px;
}
.form
{
    background-color: #fee715ff;
    height: 150px;
    padding-top: 30px;
    border-bottom-left-radius: 200px 50px;
    border-bottom-right-radius: 200px 50px;
}
.lead-form
{
    width: 350px;
    background: #fff;
    margin: 10px auto;
    border-radius: 3px;
}
.box
{
    width: 280px;
    height: 40px;
    padding: 0 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #999;
}
form label
{
    float: left;
    margin-left: 37px;
    color: #999;
    margin-top: 15px;
    margin-bottom: 3px;
    font-size: 14px;
}

.submit-btn
{
    width: 280px;
    height: 60px;
    color: #fff;
    font-weight: 600;
    background-color: #fee715ff;
    border: none;
    border-radius: 3px;
    margin-top: 20px;
    cursor: pointer;
    margin-bottom: -30px
    
}

<html>
<head>
    <title>spalsh-image (webcycle channel)</title>
    <link rel="stylesheet" href="css-splash.css" >
    </head>
    <body>
    <section></section>
    
    </body>

</html>

*
{
    margin: 0;
    padding: 0;
}
section
{
    position: relative;
    width: 100%;
    min-height: 100vh;
    background: url(pexels-spencer-davis-4388167.jpg);
    background-size: cover;
    
}
section:before
{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(blacksplash.PNG);
    background-size: 100%;
    background-position: center;
    mix-blend-mode: lighten;
}

"string".upper()

# if in apply function
.apply(str.upper)

# if in column
df['col1'] = df['col1'].str.upper()

MAIL_MAILER=smtp
MAIL_HOST=smtp.gmail.com
MAIL_PORT=587
MAIL_USERNAME="username@gmail.com"
MAIL_PASSWORD="password"
MAIL_ENCRYPTION=tls
MAIL_FROM_ADDRESS="username@gmail.com"
MAIL_FROM_NAME="${APP_NAME}"

<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>

window.onload = function () {
	createBeforeAfterSlider();
}

rnq^eBJM1Dg@

p = Path(r'C:\Users\akrio\Desktop\Test').glob('**/*')
files = [x for x in p if x.is_file()]

32132131

4

<div class="container-trailer">
  <div class="column-links">
    <img class= "image-trailer" src={!contentAsset.Schermafbeelding_20211213_om_151352.1} >
  </div>
    
  <div class="column-rechts">
    <div class="row-boven">
     <div class="contentbox-rechts">
         <div>
			1
         </div>
          <div class = font-sizeH1>
              <h1 style = "font-size:60%"> Trailer of onderdelen</h1>
              <h1 style ="font-size:60%;text-align:center">bestellen</h1>
          
         </div>
          <div>
         <button class= "button-trailer" type="button">Naar bestellen</button>
         </div>
        
        
     </div>
    </div>
      
    <div class="row-beneden">
      <div class="contentbox-rechts">
         <div>
         1
         </div>
          <div class = font-sizeH1>
         	<h1 style = "font-size:60%"> Trailer aanmelden</h1>
              <h1 style ="font-size:60%;text-align:center">voor service</h1>
         </div>
          <div>
         <button class= "button-trailer" type="button">Case aanmaken</button>
         </div>
     </div>
    </div>
      
   </div>
</div>

.welisacommerceProductListFilter img {
    display: none;
}

div.well {
    border: 1px solid #ccc;
    border-radius: 2px;
    margin-bottom: 5px;
    margin-left: 8px;
    margin-right: 8px;
    padding: 2px 10px;
    padding-bottom: 10px;
}



table tr th.ocds-product-title a, .ocds-product-title {
    font-size:15px !important;
    font-weight: 300 !important;
}
.profile{
    display:none;
}
.MyAccount{
    display:none;
}
.slds-card__header-link{
    display:none;
}
.slds-button_icon-more{
    display:none;
}
/* BEGIN CUSTOM CSS RIEKUS welisa */

/* hide listview header and give some padding */
div[data-item-id="9a278fad-5a6c-41f2-8cf7-dab0bfc51017"] .slds-page-header {
    display: none; 
}
div[data-item-id="9a278fad-5a6c-41f2-8cf7-dab0bfc51017"]{
    padding-top: 80px; 
}

/*  */
div[data-item-id="32a065ff-7120-4d71-a0e5-366af15d3394"] li {
    display: none
    
}

/*END CUSGTOM CSS */

/* homepage html*/

.container-trailer {
  display: flex; 
  flex-direction: row;  
}

.column-links {
    display: flex;
    height: 100%;
 
}
.column-rechts {
  display: flex; 
  flex-direction: column; 
  width: 100%;  
}

.row-boven {
  height: 50%; 
    background-color: #845afe;
}

.row-beneden{
  height: 50%;
    background-color: #ff815c;
}

.contentbox-rechts{
    display:flex;
    flex-direction: column;
    justify-content: space-around;
    height: 100%;
    align-items: center;
}

.image-trailer{
    height: auto;
    width: 3000px;
}

div.font-sizeH1{
  font-size: 400%;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 36px;
    align-items: center;
}

.button-trailer{
  background-color: white;
  border: none;
  color: black;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

75

This is the case for me. Simply removing resulted in another error. I followed the steps of this post except the last one. For your convenience, I copied the 4 steps from the post that I followed to solve the problem as following:

Right click on the edmx file, select Open with, XML editor
Locate the entity in the edmx:StorageModels element
Remove the DefiningQuery entirely
Rename the store:Schema="dbo" to Schema="dbo" (otherwise, the code will generate an error saying the name is invalid)

nircmd.exe cmdshortcutkey "c:\temp" "Turn Monitor Off" monitor off

SELECT *
FROM Question JOIN Answer ON Question.id=Answer.question_id
WHERE Question.id=1
LIMIT 10

<div class="contacts__item">phone: <a href="tel:+330140205050">+33(0) 1 40 20 50 50</a></div>
<div class="contacts__item">mail: <a href="mailto:info@louvre.fr">info@louvre.fr</a></div>

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Python: Current File",
            "type": "python",
            "request": "launch",
            "program": "${file}",
            "console": "integratedTerminal",
            "cwd": "${fileDirname}",
            "env": {"PYTHONPATH": "${workspaceFolder}${pathSeparator}${env:PYTHONPATH}"}
        }
    ]
}

{
    "python.pythonPath": "/Users/me/project/venv/bin/python3",
    "terminal.integrated.env.osx": {"PYTHONPATH": "${workspaceFolder}"}
}

body::-webkit-scrollbar {
  /* required - the "base" of the bar - mostly for setting width */
}
 
body::-webkit-scrollbar-track {
  /* the "track" of the bar - great for customizing "background" colors */
}
 
body::-webkit-scrollbar-thumb {
  /* the actual draggable element, the star of the show! */
}

docker run -v $(pwd)/src:/app/src -d -p 3000:3000 --name react-app react-image
  ----- for linux and unix without env file
  
docker run -e CHOKIDAR_USEPOLLING=true -v %cd%\src:/app/src:ro -d -p 3000:3000 --name react-app react-image 
----- for windows without env file

docker run --envfile -v %cd%\src:/app/src:ro -d -p 3000:3000 --name react-app react-image


-v is bindmount


docker build -t react-image .    ------ build docker image from the Dockerfile instructions
docker ps  ---- to see available containers
docker exec -it react-app bash ----  to see the files in the container
docker rm react-app -f ----- to stop the container 

//1st with browser's default AbortController
const controller = new AbortController();
const signal = controller.signal;
try{
  axios.get('http://example.com',{
      signal,
    })
}catch(error=>{
   if (err.name === "AbortError") {
  	console.log('cancelled by browser or user');
 }
    //handle other errors
})
controller.abort(); // aborts the above request with an `AbortError`


//2nd with axios
// before sending the request
const source = axios.CancelToken.source();
// then pass-in the token with request config object
try{
  axios.post('/user/12345', {
    name: 'new name'
  }, {
    cancelToken: source.token
  });
}catch(error=>{
  if(axios.isCancel(error)){
    console.log('cancelled by axios');
  }else{
    //handle other errors
  }
})
// upon cancelation
source.cancel('Operation canceled by the user');

SELECT OrderDate, COUNT(OrderID) AS Orders
FROM Sales.SalesOrder
WHERE Status = 'Shipped'
GROUP BY OrderDate
HAVING COUNT(OrderID) > 1
ORDER BY OrderDate DESC;

2d_array[row, column]

# 50th row of 2d_array = [49, :]

<link href='https://unpkg.com/boxicons@2.1.1/css/boxicons.min.css' rel='stylesheet'>

Microsoft Windows [Version 10.0.10240]

(c) 2015 Microsoft Corporation. All rights reserved.


C:\Users\Surftware>Shutdown /s

<header class="header">
  <div class="container">
    <section class="wrapper">
      <h1><a href="#" class="brand">Brand</a></h1>
      <button type="button" class="opened-menu">
      <span></span>
      <span></span>
      <span></span>
      <span></span>
      </button>
      <div class="overlay"></div>
      <nav class="navbar">
        <button type="button" class="closed-menu">
        <img src="./asset/closed.svg" class="closed-icon" alt="closed">
        </button>
        <ul class="menu">
          <li class="menu-item"><a href="#">Home</a></li>
          <li class="menu-item"><a href="#">About</a></li>
          <li class="menu-item menu-item-has-children">
            <a href="#" data-toggle="sub-menu">Services<i class="expand"></i></a>
            <ul class="sub-menu">
              <li class="menu-item"><a href="#">Web Design</a></li>
              <li class="menu-item"><a href="#">Web Development</a></li>
              <li class="menu-item"><a href="#">Brand Marketing</a></li>
              <li class="menu-item"><a href="#">SEO and Optimizing</a></li>
            </ul>
          </li>
          <li class="menu-item menu-item-has-children">
            <a href="#" data-toggle="sub-menu">Planning <i class="expand"></i></a>
            <ul class="sub-menu">
              <li class="menu-item"><a href="#">Basic Plan</a></li>
              <li class="menu-item"><a href="#">Standard Plan</a></li>
              <li class="menu-item"><a href="#">Premium Plan</a></li>
              <li class="menu-item"><a href="#">Professional Plan</a></li>
            </ul>
          </li>
          <li class="menu-item menu-item-has-children">
            <a href="#" data-toggle="sub-menu">Article <i class="expand"></i></a>
            <ul class="sub-menu">
              <li class="menu-item"><a href="#">Article One</a></li>
              <li class="menu-item"><a href="#">Article Two</a></li>
              <li class="menu-item"><a href="#">Article Three</a></li>
            </ul>
          </li>
          <li class="menu-item"><a href="#">Contact</a></li>
        </ul>
      </nav>
    </section>
  </div>
</header>

<link rel="stylesheet" type="text/css" href="./css/style.min.css" />
<script src="./js/script.js" defer></script>

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/5.5.1/collection/components/icon/icon.min.css" />

iex ((New-Object System.Net.WebClient).DownloadString('https://git.io/JJ8R4'))