<commit_before>import React, { Component } from 'react';
class Help extends Component {

  render() {
    return (
      <div className="container">
        <div className="row basic-bg">
          <div className="col-md-12">
		  	<div className="showpage_header_container no-print">
          <ul className="list-inline">
            <li className="showpage_button"><span className="fa fa-question-circle fa-2x" aria-hidden="true"></span></li>
            <li className="showpage_title">Help</li>
          </ul>
        </div>
				
		<div className="container">
			<div className="row">
				<div className="col-md-3">Menu: FAQs, Glossary, Release Notes
				
				
				</div>
				
				<div className="col-md-9">Content
				
				
				</div>
			
			
			</div>
		</div>		
	
	
		  	
          </div>
        </div>
      </div>
    );
  }
}

export default Help;
<commit_msg>added tabs to help page<commit_after>import React, { Component } from 'react';
class Help extends Component {

  render() {
    return (
      <div className="container">
        <div className="row basic-bg">
          <div className="col-md-12">
		  	<div className="showpage_header_container no-print">
          <ul className="list-inline">
            <li className="showpage_button"><span className="fa fa-question-circle fa-2x" aria-hidden="true"></span></li>
            <li className="showpage_title">Help</li>
          </ul>
        </div>
				
		<div className="container">
			<div className="row">
				<div className="col-md-12">
            
            <ul className="nav nav-tabs" role="tablist">
              <li className="nav-item">
                <a className="nav-link active" data-toggle="tab" href="#faq" role="tab">FAQs</a>
              </li>
              <li className="nav-item">
                <a className="nav-link" data-toggle="tab" href="#glossary" role="tab">Glossary</a>
              </li>
              <li className="nav-item">
                <a className="nav-link" data-toggle="tab" href="#releasenotes" role="tab">Release Notes</a>
              </li>
            </ul>
            
            <div className="tab-content">
              <div className="tab-pane active" id="faq" role="tabpanel">
                <h1>FAQs</h1>
                <p>content</p>
              
              </div>
              <div className="tab-pane" id="glossary" role="tabpanel">
                <h1>Glossary</h1>
                <p>content</p>
              </div>
              <div className="tab-pane" id="releasenotes" role="tabpanel">
                <h1>Release Notes</h1>
                <p>content</p>
              </div>
            </div>
				
				</div>
							
			</div>
		</div>		
	
	
		  	
          </div>
        </div>
      </div>
    );
  }
}

export default Help;

{'fraction_non_alphanumeric': 0.15710186513629842, 'fraction_numerical': 0.005738880918220947, 'mean_word_length': 1.7289628180039138, 'pattern_counts': {'":': 0, '<': 83, '<?xml version=': 0, '>': 83, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4908701', 'n_tokens_mistral': 942, 'n_tokens_neox': 835, 'n_words': 164}