yigitcolakoglu
/
yigitcolakoglu.com
1
0
Fork 0
Code Issues 0 Pull Requests 0 Projects 0 Releases 0 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
5 Commits
1 Branch
9.9 MiB
Tree: e5281128c2
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'e5281128c2'
${ noResults }
yigitcolakoglu.com/index.html

372 lines
24 KiB
Raw Normal View History

Initial
4 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
 
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <title>Yiğit Çolakoğlu</title>
  5. 

  6.     <!-- Meta -->
  7.     <meta charset="utf-8">
  8.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  9.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  10.     <meta name="description" content="Hey, I am Yiğit Çolakoğlu. A High School student who loves everything about computers. And here is my personal site.">
  11.     <meta name="author" content="Yiğit Çolakoğlu">    
  12.     <link rel="shortcut icon" href="favicon.ico">  
  13.     
  14.     <link href='https://fonts.googleapis.com/css?family=Lato:300,400,300italic,400italic' rel='stylesheet' type='text/css'>
  15.     <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'> 
  16.     
  17. 		<!-- Phone Stuff -->
  18. 		<link rel="stylesheet" type="text/css" href="assets/fonts/Linearicons-Free-v1.0.0/icon-font.min.css">
  19. 		<link rel="stylesheet" type="text/css" href="assets/fonts/font-awesome-4.7.0/css/font-awesome.min.css">
  20. 		<link rel="stylesheet" type="text/css" href="assets/css/phone.css">
  21. 

  22.     <!-- FontAwesome JS -->
  23.     <script defer src="assets/fontawesome/js/all.js"></script>
  24.     
  25.     <!-- Global CSS -->
  26.     <link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.min.css">   
  27.     
  28.     <!-- github calendar css -->
  29.     <link rel="stylesheet" href="assets/plugins/github-calendar/dist/github-calendar.css">
  30.     <!-- github activity css -->    
  31.     <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/octicons/2.0.2/octicons.min.css">
  32.     <link rel="stylesheet" href="assets/plugins/github-activity/github-activity-0.1.5.min.css">
  33.     
  34.     <!-- Theme CSS -->  
  35.     <link id="theme-style" rel="stylesheet" href="assets/css/styles.css">
  36.     
  37. </head> 
  38. 

  39. 		<div id="contact-popup" class="container-contact100">
  40. 		<div class="wrap-contact100">
  41. 			<button class="close-popup" onclick="removeContact()">X</button>
  42. 			<div class="contact100-form-title" style="background-image: url(assets/images/phone.jpg);">
  43. 				<span class="contact100-form-title-1">
  44. 					So you want my phone number?
  45. 				</span>
  46. 

  47. 				<span class="contact100-form-title-2">
  48. 					I can't publicly share my phone number, but if you need it you can hit me up with the form below and I will get in touch!
  49. 				</span>
  50. 			</div>
  51. 

  52. 			<form class="contact100-form validate-form" method="post">
  53. 				<div class="wrap-input100 validate-input" data-validate="Name is required">
  54. 					<span class="label-input100">Full Name:</span>
  55. 					<input class="input100" type="text" name="name" placeholder="Enter full name">
  56. 					<span class="focus-input100"></span>
  57. 				</div>
  58. 

  59. 				<div class="wrap-input100 validate-input" data-validate = "Valid email is required: ex@abc.xyz">
  60. 					<span class="label-input100">Email:</span>
  61. 					<input class="input100" type="text" name="email" placeholder="Enter email addess">
  62. 					<span class="focus-input100"></span>
  63. 				</div>
  64. 

  65. 				<div class="wrap-input100 validate-input" data-validate="Phone is required">
  66. 					<span class="label-input100">Phone:</span>
  67. 					<input class="input100" type="text" name="phone" placeholder="Enter phone number">
  68. 					<span class="focus-input100"></span>
  69. 				</div>
  70. 

  71. 				<div class="wrap-input100 validate-input" data-validate = "Message is required">
  72. 					<span class="label-input100">Message:</span>
  73. 					<textarea class="input100" name="reason" placeholder="Your Comment..."></textarea>
  74. 					<span class="focus-input100"></span>
  75. 				</div>
  76. 

  77. 				<div class="container-contact100-form-btn">
  78. 					<button class="contact100-form-btn">
  79. 						<span>
  80. 							Submit
  81. 							<i class="fa fa-long-arrow-alt-right m-l-7" aria-hidden="true"></i>
  82. 						</span>
  83. 					</button>
  84. 				</div>
  85. 			</form>
  86. 		</div>
  87. 	</div>
  88. 		<div id="main">
  89.     <!-- ******HEADER****** --> 
  90.     <header class="header">
  91.         <div class="container clearfix">                       
  92.             <img class="profile-image img-fluid float-left rounded-circle" src="assets/images/pp.jpeg" alt="profile image" />
  93.             <div class="profile-content float-left">
  94.                 <h1 class="name">Yiğit Çolakoğlu</h1>
  95.                 <h2 class="desc">Developer, SysAdmin & Cyber Security Enthusiast</h2>   
  96.                 <ul class="social list-inline">
  97.                     <li class="list-inline-item"><a href="https://twitter.com/ColakogluYigit"><i class="fab fa-twitter"></i></a></li>
  98.                     <li class="list-inline-item"><a href="https://www.linkedin.com/in/yigitcolakoglu/"><i class="fab fa-linkedin-in"></i></a></li>
  99.                     <li class="list-inline-item"><a href="https://github.com/yigitcolakoglu"><i class="fab fa-github-alt"></i></a></li>    
  100.                     <li class="list-inline-item"><a href="https://medium.com/@yigitcolakoglu"><i class="fab fa-medium"></i></a></li>   
  101.                     <li class="list-inline-item"><a href="#" onclick="showContact()"><i class="fa fa-mobile"></i></a></li>   
  102.                 </ul> 
  103.             </div><!--//profile-->
  104.             <a class="btn btn-cta-primary float-right" href="mailto:yigit@yigitcolakoglu.com" target="_blank"><i class="fas fa-paper-plane"></i> Contact Me</a>              
  105.         </div><!--//container-->
  106.     </header><!--//header-->
  107.     
  108.     <div class="container sections-wrapper">
  109.         <div class="row">
  110.             <div class="primary col-lg-8 col-12">
  111.                 <section class="about section">
  112.                     <div class="section-inner shadow-sm rounded">
  113.                         <h2 class="heading">About Me</h2>
  114.                         <div class="content">
  115.                             <p>I am a 17 year old high school student in Turkey. I have been introduced to coding when I was 10 and I've been loving it since then. Over the years I have accumulated lots of knowledge on various fields due to the variety of projects I've worked on. Coding is my greatest passion. Oh and, I use Arch BTW...</p>
  116.                          
  117.                         </div><!--//content-->
  118.                     </div><!--//section-inner-->                 
  119.                 </section><!--//section-->
  120.     
  121.                <section class="latest section">
  122.                     <div class="section-inner shadow-sm rounded">
  123.                         <h2 class="heading">Latest Projects</h2>
  124.                         <div class="content">    
  125.                                                
  126.                             <div class="item featured text-center">
  127. 															
  128.                                 <h3 class="title mb-3"><a href="https://github.com/yigitcolakoglu/dotfiles" target="_blank">DotFiles</a></h3>
  129.                                 <p class="summary">I released my dotfiles due to heavy request from my friends. Hope you have a great time using them :D</p>
  130. 

  131.                                 <div class="featured-image has-ribbon">
  132.                                     <a href="https://github.com/yigitcolakoglu/dotfiles" target="_blank">
  133.                                     <img class="img-fluid project-image rounded shadow-sm" src="assets/images/projects/dotfiles.png" alt="dotfiles" />
  134.                                     </a>
  135.                                     <div class="ribbon">
  136.                                         <div class="text">i3</div>
  137.                                     </div>
  138.                                 </div>
  139.                                     
  140.                                 <div class="desc text-left">                                    
  141.                                 </div><!--//desc-->         
  142.                                 <a class="btn btn-cta-secondary" href="https://github.com/yigitcolakoglu/dotfiles" target="_blank"><i class="fas fa-thumbs-up"></i> Check it out!</a>                 
  143.                             </div><!--//item-->
  144. <!--                            <hr class="divider" />

  145.                             <div class="item row">
  146.                                 <a class="col-md-4 col-12" href="https://themes.3rdwavemedia.com/bootstrap-templates/startup/coderpro-bootstrap-4-startup-template-for-software-projects/" target="_blank">
  147.                                 <img class="img-fluid project-image rounded shadow-sm" src="assets/images/projects/project-1.png" alt="project name" />
  148.                                 </a>
  149.                                 <div class="desc col-md-8 col-12">
  150.                                     <h3 class="title"><a href="https://themes.3rdwavemedia.com/bootstrap-templates/startup/coderpro-bootstrap-4-startup-template-for-software-projects/" target="_blank">CoderPro - Boootstrap Startup Template For Software Projects</a></h3>
  151.                                     <p class="mb-2">You can put one of your secondary projects here. Suspendisse in tellus dolor. Vivamus a tortor eu turpis pharetra consequat quis non metus. Aliquam aliquam, orci eu suscipit pellentesque, mauris dui tincidunt enim, eget iaculis ante dolor non turpis.</p>
  152.                                     <p><a class="more-link" href="https://themes.3rdwavemedia.com/bootstrap-templates/startup/coderpro-bootstrap-4-startup-template-for-software-projects/" target="_blank"><i class="fas fa-external-link-alt"></i>Find out more</a></p>
  153.                                 </div>                          
  154. 														</div>-->                        
  155.                         </div><!--//content-->  
  156.                     </div><!--//section-inner-->                
  157.                 </section><!--//section-->
  158.                 
  159.                 <section class="projects section">
  160.                     <div class="section-inner shadow-sm rounded">
  161.                         <h2 class="heading">Other Projects</h2>
  162.                         <div class="content">
  163. 

  164. 									      <div class="item">
  165. 									      <h3 class="title">
  166. 									        <a href="https://github.com/yigitcolakoglu/MyCity/">Citizen View</a>
  167. 									        <span class="badge badge-theme">Open Source</span></h3>
  168. 									      <p class="summary">A system that we developed for the WRO Friendship Tournament 2019 that detects defects on the road and does live traffic management.</p>
  169. 									
  170. 									              <p><a class="more-link" href="https://github.com/yigitcolakoglu/MyCity/"><i class="fas fa-external-link-alt"></i> View on Github</a></p>
  171. 									          </div>
  172. 									      <div class="item">
  173. 									      <h3 class="title">
  174. 									        <a href="https://github.com/yigitcolakoglu/WRO_QR">Food Cloud</a>
  175. 									        <span class="badge badge-theme">Open Source</span></h3>
  176. 									      <p class="summary">A project that we developed for the WRO Tournament 2018 that came in first place. It is a system that ensures food safety.</p>
  177. 									              <p><a class="more-link" href="https://github.com/yigitcolakoglu/WRO_QR"><i class="fas fa-external-link-alt"></i> View on Github</a></p>
  178. 									          </div>
  179. 									      <div class="item">
  180. 									      <h3 class="title">
  181. 									        <a href="https://siberogretmen.com">Siber Ogretmen</a>
  182. 									      </h3>
  183. 									      <p class="summary">An SSH based game that teaches linux commands &amp; an online blog that aims to teach  basics about Linux and Cyber Security.</p>
  184. 									
  185. 									       </div>
  186.   
  187. 												</div><!--//content-->  
  188.                     </div><!--//section-inner-->                 
  189.                 </section><!--//section-->
  190.                 
  191.                 <section class="experience section">
  192.                     <div class="section-inner shadow-sm rounded">
  193.                         <h2 class="heading">Work Experience</h2>
  194.                         <div class="content">
  195. 														<div class="item">
  196. 																<h3 class="title">Internship - <span class="place"><a href="#">ASELSAN</a></span> <span class="year">(2020 January - 2020 February)</span></h3>
  197. 																<p>Worked as an intern at ASELSAN for the duration of a month.</p>
  198. 														</div>
  199. 														<div class="item">
  200. 																<h3 class="title">Internship - <span class="place"><a href="#">DivaSoft</a></span> <span class="year">(2018 Summer)</span></h3>
  201. 																<p>Worked as an intern in <a href="http://www.divasoft.com/">DivaSoft</a> during summer time.</p>
  202. 														</div>                            
  203.                         </div><!--//content-->  
  204.                     </div><!--//section-inner-->                 
  205.                 </section><!--//section-->
  206.                 <section class="github section">
  207.                     <div class="section-inner shadow-sm rounded">
  208.                         <h2 class="heading">My GitHub</h2>
  209.                         
  210.                         <div id="github-graph" class="github-graph">
  211. 

  212.                         </div><!--//github-graph-->
  213. 

  214.                         <div id="ghfeed" class="ghfeed">
  215.                         </div><!--//ghfeed-->
  216.                         
  217.                     </div><!--//secton-inner-->
  218.                 </section><!--//section-->
  219.             </div><!--//primary-->
  220.             <div class="secondary col-lg-4 col-12">
  221.                  <aside class="info aside section">
  222.                     <div class="section-inner shadow-sm rounded">
  223.                         <h2 class="heading sr-only">Basic Information</h2>
  224.                         <div class="content">
  225.                             <ul class="list-unstyled">
  226.                                 <li><i class="fas fa-map-marker-alt"></i><span class="sr-only">Location:</span>Ankara, TURKEY</li>
  227.                                 <li><i class="fas fa-envelope"></i><span class="sr-only">Email:</span><a href="mailto:yigit@yigitcolakoglu.com">yigit@yigitcolakoglu.com</a></li>
  228.                                 <li><i class="fas fa-link"></i><span class="sr-only">Website:</span><a href="https://yigitcolakoglu.com">https://yigitcolakoglu.com</a></li>
  229.                             </ul>
  230.                         </div><!--//content-->  
  231.                     </div><!--//section-inner-->                 
  232.                 </aside><!--//aside-->
  233.                 
  234.                 <aside class="skills aside section">
  235.                     <div class="section-inner shadow-sm rounded">
  236.                         <h2 class="heading">Skills</h2>
  237.                         <div class="content">
  238.                             <p class="intro">Over the years I have collected a variety of skills, some of which are listed below.</p> 
  239.                             <div class="skillset">
  240.                                
  241.                                 <div class="item">
  242.                                     <h3 class="level-title">Python &amp; Flask<span class="level-label" data-toggle="tooltip" data-placement="left" data-animation="true" title="You can use the tooltip to explain more about your skill level..."><i class="fas fa-info-circle"></i>Proficient</span></h3>
  243.                                     <div class="level-bar">
  244.                                         <div class="level-bar-inner" data-level="82%">
  245.                                         </div>                                      
  246.                                     </div><!--//level-bar-->                                 
  247.                                 </div><!--//item-->
  248.                                 
  249.                                 <div class="item">
  250.                                     <h3 class="level-title">Java &amp; Android<span class="level-label" data-toggle="tooltip" data-placement="left" data-animation="true" title="You can use the tooltip to explain more about your skill level..."><i class="fas fa-info-circle"></i>Proficient</span></h3>
  251.                                     <div class="level-bar">
  252.                                         <div class="level-bar-inner" data-level="89%">
  253.                                         </div>                                      
  254.                                     </div><!--//level-bar-->                                 
  255.                                 </div><!--//item-->
  256.                                 
  257.                                 <div class="item">
  258.                                     <h3 class="level-title">Linux &amp; Unix<span class="level-label" data-toggle="tooltip" data-placement="left" data-animation="true" title="You can use the tooltip to explain more about your skill level..."><i class="fas fa-info-circle"></i>Expert</span></h3>
  259.                                     <div class="level-bar">
  260.                                         <div class="level-bar-inner" data-level="92%">
  261.                                         </div>                                      
  262.                                     </div><!--//level-bar-->                                 
  263.                                 </div><!--//item-->
  264.                                 
  265.                                 <p><a class="more-link" href="https://github.com/yigitcolakoglu"><i class="fas fa-external-link-alt"></i>More on GitHub</a></p> 
  266.                             </div>              
  267.                         </div><!--//content-->  
  268.                     </div><!--//section-inner-->                 
  269.                 </aside><!--//section-->
  270.                 
  271.                <!-- <aside class="testimonials aside section">

  272.                     <div class="section-inner shadow-sm rounded">
  273.                         <h2 class="heading">Testimonials</h2>
  274.                         <div class="content">
  275.                             <div class="item">
  276.                                 <blockquote class="quote">                                  
  277.                                     <p><i class="fas fa-quote-left"></i>James is an excellent software engineer and he is passionate about what he does. You can totally count on him to deliver your projects!</p>
  278.                                 </blockquote>                
  279.                                 <p class="source"><span class="name">Tim Adams</span><br /><span class="title">Curabitur commodo</span></p>                                                             
  280.                             </div>
  281.                             
  282.                             <p><a class="more-link" href="#"><i class="fas fa-external-link-alt"></i>More on Linkedin</a></p> 
  283.                             
  284.                         </div>
  285.                     </div>
  286.                 </aside>-->
  287.                 
  288.                 <aside class="education aside section">
  289.                     <div class="section-inner shadow-sm rounded">
  290.                         <h2 class="heading">Education</h2>
  291.                         <div class="content">
  292.                             <div class="item">                      
  293.                                 <h3 class="title"><i class="fas fa-graduation-cap"></i> High School Grad.</h3>
  294.                                 <h4 class="university">TED Ankara College Private High School<span class="year">(2014-Present)</span></h4>
  295.                             </div><!--//item-->
  296.                         </div><!--//content-->
  297.                     </div><!--//section-inner-->
  298.                 </aside><!--//section-->
  299.                             
  300.                 <aside class="languages aside section">
  301.                     <div class="section-inner shadow-sm rounded">
  302.                         <h2 class="heading">Languages</h2>
  303.                         <div class="content">
  304.                             <ul class="list-unstyled">
  305.                                 <li class="item">
  306.                                     <span class="title"><strong>Turkish:</strong></span>
  307.                                     <span class="level">Native Speaker <br class="visible-xs"/><i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> </span>
  308.                                 </li><!--//item-->
  309.                                 <li class="item">
  310.                                     <span class="title"><strong>English:</strong></span>
  311.                                     <span class="level">Advanced Level <br class="visible-sm visible-xs"/><i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i></span>
  312.                                 </li><!--//item-->
  313.                                 <li class="item">
  314.                                     <span class="title"><strong>French:</strong></span>
  315.                                     <span class="level">Intermediate Level <br class="visible-sm visible-xs"/><i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i></span>
  316.                                 </li><!--//item-->
  317.                             </ul>
  318.                         </div><!--//content-->
  319.                     </div><!--//section-inner-->
  320.                 </aside><!--//section-->
  321.                 
  322.                 <aside class="blog aside section">
  323.                     <div class="section-inner shadow-sm rounded">
  324.                         <h2 class="heading">Latest Blog Posts</h2>
  325.                         <div id="rss-feeds" class="content">
  326. 

  327.                         </div><!--//content-->
  328.                     </div><!--//section-inner-->
  329.                 </aside><!--//section-->
  330.                 
  331.                 <aside class="list music aside section">
  332.                     <div class="section-inner shadow-sm rounded">
  333.                         <h2 class="heading">Favourite coding music</h2>
  334.                         <div class="content">
  335.                             <ul class="list-unstyled">
  336.                                 <li><i class="fas fa-headphones"></i> <a href="https://open.spotify.com/track/60nZcImufyMA1MKQY3dcCH?si=j7BQMrqcSfSPm1yjEQcTcQ">Happy</a></li>
  337.                                 <li><i class="fas fa-headphones"></i> <a href="https://open.spotify.com/track/2mlGPkAx4kwF8Df0GlScsC?si=S7vSMSqxSzCAnCDw29j4-Q">Buttercup</a></li>
  338.                                 <li><i class="fas fa-headphones"></i> <a href="https://open.spotify.com/track/1dtTRXifeGC51adYy0902s?si=hvFZgYeHSwOmDnN43kyS9w">Bad Boy</a></li>
  339.                                 <li><i class="fas fa-headphones"></i> <a href="https://open.spotify.com/track/55Fpeuuc2sbQiy74eA1gTt?si=o1OoYEnfS1-0BlQSZPJFog">Wolf in Sheep's Clothing</a></li>
  340.                             </ul>
  341.                         </div><!--//content-->
  342.                     </div><!--//section-inner-->
  343.                 </aside><!--//section-->
  344.                 
  345.                 <aside class="list conferences aside section">
  346.                     <div class="section-inner shadow-sm rounded">
  347.                         <h2 class="heading">Conferences</h2>
  348.                         <div class="content">
  349.                             <ul class="list-unstyled">
  350.                                 <li><i class="far fa-calendar-alt"></i> <a href="https://twitter.com/nopcon" target="_blank">NOPCON 2019</a> (Ankara, Turkey)</li>
  351.                             </ul>
  352.                         </div><!--//content-->
  353.                     </div><!--//section-inner-->
  354.                 </aside><!--//section-->
  355. 			</div>
  356. 	<script src="vendor/jquery/jquery-3.2.1.min.js"></script>
  357. 	<script src="assets/js/phone.js"></script>
  358.     <!-- Javascript -->          
  359.     <script type="text/javascript" src="assets/plugins/jquery-3.4.1.min.js"></script>
  360.     <script type="text/javascript" src="assets/plugins/popper.min.js"></script> 
  361.     <script type="text/javascript" src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>    
  362.     <script type="text/javascript" src="assets/plugins/jquery-rss/dist/jquery.rss.min.js"></script> 
  363.     <!-- github calendar plugin -->
  364.     <script type="text/javascript" src="assets/plugins/github-calendar/dist/github-calendar.min.js"></script>
  365.     <!-- github activity plugin -->
  366.     <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/mustache.js/0.7.2/mustache.min.js"></script>
  367.     <script type="text/javascript" src="assets/plugins/github-activity/github-activity-0.1.5.min.js"></script>
  368.     <!-- custom js -->
  369.     <script type="text/javascript" src="assets/js/main.js"></script>            
  370. </body>
  371. </html> 
  372.