text: import React from "react"
  
  const Majornavbar = () => (
  
      <nav className="navbar" role="navigation" aria-label="main navigation">
          <div className="navbar-brand">
          <a className="navbar-item" href="https://bulma.io">
          <img src="https://www.pngrepo.com/png/920/180/notebook.png" width="28" height="28" /> </a>
              {/* img tags in react need to be self closing with /> at the end! */}
  
              </div>
              <div style={{ height: 50 }}>
                  <a className="navbar-item" style={{ fontSize: 30, fontWeight: "bold", fontFamily: "Verdana" }}>
  
                      Super Cool College Majors API
                 </a>
                
  
              
  
              <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navMenu">
                  <span aria-hidden="true"></span>
                  <span aria-hidden="true"></span>
                  <span aria-hidden="true"></span>
              </a>
  
  
          </div>
  
          <div className="navbar-menu" id="navMenu">
              <div className="navbar-start">
                  <a className="navbar-item">
                      <span>
  
                      </span>
                  </a>
              </div>
  
              <div className="navbar-end">
              </div>
          </div>
      </nav>
  )
  export default Majornavbar