Uncaught ReferenceError: jQuery is not defined atのエラーを解決したい。

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>ポートフォリオサイト</title> <link rel="stylesheet" href="style.css" />

	<script type="text/JavaScript" src="hello2.js"></script>
</head>
<body>

<header>
<h1 class="headerline">
<a>Ryoya Nonaka Portfolio</a>
</h1>
</header>

<section class="profile">
		<div class="container">
			<div class="row">
				<div class="col">
					<div class="mainVisual">
					</div>
				</div>
				
				<img src="img/profile.jpg"/>
				<div class="col">

					<h1>野中 涼矢/Nonaka Ryoya</h1>
					<p>生年月日/1998年６月４日(現：２２歳）</p>
					<h2>PROFILE</h2>
					<ul>
						<li>
							<p>
								埼玉県出身。高卒後、愛知県に移住し、現在トヨタ自動車（田原工場）に勤務。現在ランドクルーザーやタコマなどの大型車のエンジン組み立てを行っており全工程の原価軽減やTPS改善について取り組んでいる。今まで色々なエンジニアが障害者や沢山人達を豊かに出来るアプリやシステムを生んだことによりエンジニアの仕事に興味や関心を持ち自分も沢山の人たちがもっと豊かになれるようなアプリやシステムを提供出来るエンジニアになりたいと思い、現在侍エンジニア塾でプログラミングを学び始める。
							</p>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</section>

	<section class="skill">
		<div class="container">
			<h2>SKILL(PROGURAMING)</h2>
			<img src="img/html5.jpg" />
			
				<ul>
					<h3>HTML</h3>
					<img src="img/css-icon.jpg" />
			
				
					<h3>CSS</h3>
					<img src="img/20160410154524.jpg" />
				
				
					<h3>JavaScript</h3>
					<img src="img/rectangle_large_type_2_f72123f577592461784b9dc05a247382.jpeg"/>
				
				<h3>PHP</h3>
			</ul>
		</div>
	</section>

<section class="personality">
  <div class="container">
    <h2>PERSONALITY</h2>
    
				<img src="img/koukisin.jpg">
				<li>好奇心旺盛</li>
				<img src="img/cool.jpg">
				<li>クール</li>
				<img src="img/akippoi.jpeg">
				<li>飽きっぽい</li>
				<img src="img/MY pace.jpg">
      <li>マイペース</li>
    
  </div>
</section>

<section class="hobby">
  <div class="container">
    <h2>HOBBY</h2>
    
				<img src="img/dokusyo.jpg">
				<li>読書</li>
				<img src="img/yakyuu.png">
				<li>野球</li>
				<img src="img/zyoging.jpg">
				<li>ジョギング</li>
    
    <h2>今尊敬してる人物(リンク有り）</h2>
    <li>
      <a href="https://dic.nicovideo.jp/a/%E3%82%A4%E3%83%81%E3%83%AD%E3%83%BC/">イチロー選手（現引退）</a>
      <div>
        <img src="img/GettyImages-1137339392_edited-770x578.jpg" />
      </div>
    </li>
    <li>
      <a href="https://baseball.sports.smt.docomo.ne.jp/mlb/player/727378.html/">大谷翔平選手（現エンゼルス）</a>
      <div>
        <img src="img/img_3528d8b93da9e357b394bfb7423f7823427654.jpg" />
      </div>
    </li>
  </div>
</section>

<section class="toyota">
  <div class="container">
			<h2>トヨタ自動車の詳細（リンク有り）</h2>
			<div class="box"></div>
			<a href="https://www.mono-revo.co.jp/lean_thinking/tps_principles/">
				<img src="img/スクリーンショット 2020-10-12 19.25.05.png" width="100%" height="100%"/>
				<div class="text">TPSについて</div>
				
				<a href="https://global.toyota/jp//">
					<img src="img/toyota.png" widht="100%" height="100%"/>
					<div class="text">TOYOTAのホームページ</div>
				</div>
			<h2>作品集(リンク有り）</h2>
			<a href="https://github.com/SamuraiCan/nonakaRyoya/"></a>
			<img src="img/スクリーンショット 2020-10-17 17.49.17.png"/>ポートフォリオ（Git Hub)</a>
 <h4><ーー御拝見ありがとうございました！ーーー></h4>
	 
	</section>
	<!--footer-->
	<footer>
		
		<p>Copyright©️Ryoya Nonaka.All Rights Reserved.</p>
	</footer>
 <div id="page_top"><a href="#"></a></div>			
</body>

</html>

body{
background-color: azure;
}
img {
max-width: 100%;
}
.container {
width: 1200px;
margin: 0 auto;

}
.row {
display: flex;
}
.mainVisual {
margin-right: 1rem;
width: 180px;
}
@media screen and (max-width: 1199px){
.container {
width: 768px;
}
}
@media screen and (max-width: 991px){
.container {
width: 100%;
padding-left: 5px;
padding-right: 5px;
}

}
@media screen and (max-width: 575px){
}

img{
border-radius: 50%;
width:180px;
height: 180px;
text-align: center;
}

header{
height:100px;
width: 100%;
padding:15px 0;
background-color: darksalmon;
text-align: center;
color:white;
}
header .headline{
line-height:100px;
float:left;
font-size:30px;
list-style:none;
}

footer{
width:100%;
height:100px;
padding: 15px 0;
background-color:green;
color: floralwhite;
text-align: center;
list-style: none;
}

#page_top{
width: 50px;
height: 50px;
position: fixed;
right: 0;
bottom: 50px;
background: #3f98ef;
opacity: 0.6;
border-radius: 50%;
}
#page_top a{
position: relative;
display: block;
width: 50px;
height: 50px;
text-decoration: none;
}
#page_top a::before{
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: '\f102';
font-size: 25px;
color: black;
position: absolute;
width: 25px;
height: 25px;
top: -5px;
bottom: 0;
right: 0;
left: 0;
margin: auto;
text-align: center;
}

h2{
text-align:center;
}

h3{
text-align: center;
}

h4{
text-align: center;
color:purple;
}

div{
text-align: center;
}

section{
text-align: center;

}

html,body{
font-family: sans-serif;
}

jQuery(function() {
var pagetop = $('#page_top');
pagetop.hide();
$(window).scroll(function () {
if ($(this).scrollTop() > 100) { //100pxスクロールしたら表示
pagetop.fadeIn();
} else {
pagetop.fadeOut();
}
});
pagetop.click(function () {
$('body,html').animate({
scrollTop: 0
}, 500); //0.5秒かけてトップへ移動
return false;
});
});