A Pen by Ventura

Thumbnail
This awesome code was written by vbehlers, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright vbehlers ©
  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>A Pen by  Ventura</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <!-----H1 Module----->
    <div >
            <h1>Brain Tumors</h1>
            
            <!-----H2 Module----->
            <div>
                <div class="module"> 
                    <h2>Overview</h2>
                    <p>The brain controls every vital function of the human body. It is in charge of breathing, thought, speech, movement, hearing, emotions, and much more.</p>
                    <p>This spongy mass of tissue connects to the spinal cord, together forming what is known as the central nervous system. This complex network of nerves sends and receives messages between the brain and the rest of the body, such as telling your heart to beat or instructing your muscles to move.</p>
                    <p>Abnormal cells may accumulate in the brain, forming a mass called a tumor. A noncancerous (benign) tumor can be removed during surgery and rarely spreads to nearby healthy brain tissue. Nevertheless, benign brain tumors are considered serious because they can press against important areas of the brain and cause severe problems.</p>
                    <p>Cancerous (malignant) brain tumors grow quickly, and although they do not typically spread to other parts of the body, they can spread throughout the brain or to the spinal cord. </p>
                    <p>Cancer that starts in the brain is referred to as a primary brain tumor. A metastatic brain tumor, on the other hand, develops as cancer in a different part of the body and then spreads to the brain. Lung cancer and breast cancer are examples of tumors that may spread to the brain. These cancers are treated differently from primary brain tumors.</p>
                    <p>Brain tumors are grouped based on the type of cell or the part of the brain where they develop. The most common types of primary brain tumors include glioma and meningioma.</p>
                </div>
             
                
				<!-----H3 Module----->            
				<div >
                    <h3>Glioma</h3>
                    <p>This group of brain tumors starts in glial cells, which support nerve cells and help hold brain tissue together. The most common types of glioma are:</p>
                     <div>
                        <ul>
                            <li><span class="big">Astrocytoma</span>. These tumors arise from glial cells called astrocytes that hold nerve cells in place and help them function properly. Depending on how quickly the cancer cells grow, the tumor is given a grade. Low-grade astrocytomas tend to grow slowly, whereas grade III tumors, known as anaplastic astrocytomas, grow rapidly. The fastest-growing astrocy toma, known as glioblastoma, is a grade IV tumor.</li>
                            <li><span class="big">Oligodendroglioma</span>. These tumors start in glial cells called oligodendrocytes, which make the fatty substance that insulates and p rotects nerves. It is typically classified as either grade II or grade III.</li>
                        </ul>
                    </div>
                </div>
                <script>$( "p" ).last().addClass( "heading3" );</script>
                <!---End H3 Module--->
                
                
                <!-----H3 Module----->            
				<div >
                    <h3>Meningioma</h3>
                    <p>Most of these slow-growing brain tumors are not cancerous, but they can cause problems as they grow. Meningiomas form in the meninges, the thin layers of tissue that cover the brain and spinal cord.</p>
                    <p>Understanding the risks and symptoms for a brain tumor can help us find it early, when treatment is most likely to be effective.</p>
                </div>
               
			    <script>$( "p" ).last().addClass( "heading2" );</script>
 				<!---End H3 Module--->
                
            </div> 
            <!---End H2 Module--->
            
            
            <!-----H2 Module----->
            <div>
                <div class="module"> 
                    <h2>Risk Factors</h2>
                    <p>Having one or more risk factors does not mean you will develop a brain tumor, and some people develop a tumor despite having no risk factors. Although we do not know the exact cause of brain tumors, certain risk factors can increase your chances of developing the disease, including:</p>
                    <p>Exposure to radiation. Radiation therapy to the head, either as treatment for another cancer or for other reasons, may increase the risk of developing a brain tumor years later.</p>
                    <p>Family history. Although rare, brain tumors may be linked to genetic factors found in some families.</p>
                    <p>Despite much research and debate, studies have not proven a link between cell phone use and brain tumors.</p>
               </div> 
                
                <!-----H3 Module----->            
                <div >
                    <h3>Symptoms</h3>
                    <div>
                        <p>It is important to know the possible signs of a brain tumor so that we can evaluate your symptoms as soon as possible.</p>
                        <p>Symptoms will depend on the size, type, and location of the tumor. Some symptoms may be caused by the tumor putting pressure on the brain or spinal cord, while others may result from a specific part of the brain not functioning properly. The most common symptoms of a brain tumor include:</p>
					</div>
                    <script>$( "p" ).last().addClass( "heading3" );</script>
                    <div id="links" >
                        <ul>
                            <li class="joe"><a href="" >Headaches (typically worse in the morning)</a></li>
                            <li class="joe"><a href="" >Nausea and vomiting</a></li>
                            <li class="joe"><a href="" >Blurred vision</a></li>
                            <li class="joe"><a href="" >Changes in speech and hearing</a></li>
                            <li class="joe"><a href="" >Problems with balance or walking</a></li>
                            <li class="joe"><a href="" >Changes in mood and behavior</a></li>
                            <li class="joe"><a href="" >Seizures or convulsions</a></li>
                         </ul>
                	</div> 
                    <div>
                    	<p>Understanding the risks and symptoms for a brain tumor can help us find it early, when treatment is most likely to be effective.</p>
                    </div>
                <script>$( "p" ).last().addClass( "heading3" );</script>
                </div>
                <!---End H3 Module--->
             
            </div>
            <script>$( "div" ).last().addClass( "heading2" );</script> 
			<!---End H2 Module--->
            
            
            <!-----H2 Module----->
            <div >
                <div > 
                    <h2>Diagnosis</h2>
                    <p>If you experience seizures or other symptoms associated with a brain tumor, we will take a careful medical history and learn as much as we can about your symptoms. We will also perform a neurological exam, which tests your reflexes, vision, hearing, coordination, muscle strength, and alertness. We may then conduct one or more of the following tests:</p>
               </div> 
               <script>$( "p" ).last().addClass( "heading3" );</script>
                <div>
                    <ul>
                        <li>Imaging scans, either a CT or an MRI scan, offer a detailed view of the brain and can pin point if a tumor mass is present as well as its location in the brain.</li>
                        <li>Angiogram starts with a special dye injected into the bloodstream, followed by an X-ray that can show blood vessels feeding into a tumor.</li>
                        <li>Spinal tap (lumbar puncture) can determine whether the cancer has spread to the cere brospinal fluid, the liquid that fills the space around the brain and spinal cord. Using a needle, we remove a sample of the fluid and check it for cancer cells under a microscope.</li>
                        <li>Angiogram starts with a special dye injected into the bloodstream, followed by an X-ray that can show blood vessels feeding into a tumor.</li>
                    </ul>
                </div>

                <!-----H3 Module----->            
				<div>
                    <h3>Grading</h3>
                    <p>If a brain tumor is found, it will be given a grade based on how the tumor cells look under a microscope. The appearance of these cells offers critical information about how quickly the tumor will grow, which is important in choosing the best treatment plan for you</p>
                	<script>$( "p" ).last().addClass( "heading3" );</script>
                	
                    
                    <!-----H4 Module----->
                	<div >
                        <h4>Mars</h3>
                        <p>Low-grade brain tumors have cells that look somewhat normal and tend to grow slowly. High-grade brain tumors, however, grow quickly and look very different from normal brain cells.</p>
                        <p>Spinal tap (lumbar puncture) can determine whether the cancer has spread to the cerebrospinal fluid, the liquid that fills the space around the brain and spinal cord</p>
 
                     	<!-----H5 Module----->
                     	<div>
                            <h5>Jupiter</h3>
                            <p>Biopsy involves removing a small amount of cancerous tissue from the brain. We will examine the tissue Under a microscope to determine whether  the tumor is benign or malignant and to learn its exact type.</p>
                        	<p>Spinal tap (lumbar puncture) can determine whether the cancer has spread to the cerebrospinal fluid, the liquid that fills the space around the brain and spinal cord</p>
					 	</div>
                     	<!---End H5 Module--->
                        
                     </div>
                     <!---End H4 Module--->
                
                </div>
			    <!---End H3 Module--->
            	
            </div>
            <script>$( "div" ).last().addClass( "heading2" );</script>
            <!---End H2 Module--->
            
            
            
            <!-----H2 Module----->
            <div > 
            	<div class="module">
                    <h2>Treatments</h2>
                    <p>After the various diagnostic tests have confirmed the type of brain tumor you have and how serious it is, we will discuss your treatment options and develop a plan that is right for you. Treatment options include surgery, radiation therapy, chemotherapy, and targeted therapy.</p>
                </div>  
                
                    <!-----H3 Module----->            
                    <div>
                        <h3>Follow-up Care</h3>
                        <p>After treatment is over, we will work with you to develop a plan for follow-up care. We will keep a close eye on you to catch any signs of the tumor coming back and to help you cope with potential long-term effects of treatment.</p>
                        <p>Follow-up appointments are an important component of your health care. These appointments may include physical and neurological exams and other medical tests.</p>
                        <p>Because a brain tumor and its treatment can affect how well the brain functions, rehabilitation may be an essential part of your recovery. We will work with you to find the type of therapist you need. These may include:</p>
                    </div>
                    
                    <div>
                        <ul>
                            <li><span class="big">Physical therapists</span> can help you regain balance and strength.</li>
                            <li><span class="big">Speech therapists</span> can help if you have difficulty speaking, swallowing, or expressing thoughts.</li>
                            <li><span class="big">Occupational therapists</span> can help you resume daily activities, such as eating, dressing, and bathing.</li>

                        </ul>
                    </div>
                    
                    <div>
                        <p>In addition to rehabilitation and regular follow-up appointments, your survivorship plan should include:</p>
                    </div>
                     <div>
                        <ul>
                            <li>Eating a healthy diet</li>
                            <li>Not smoking</li>
                            <li>Engaging in regular physical activity.</li>
                            <li>Finding support, such as through a social worker or support group, can also help you cope with life during and after cancer.</li>
                        </ul>
                    </div>
                     <script>$( "p" ).last().addClass( "heading3" );</script>              
                    <!---End H3 Module--->
                    
                    <!-----H3 Module----->            
                   
                    <div>
                        <h3>Clinical Trials</h3>
                        <p>We are always looking for new and better ways to treat brain tumors. Clinical trials are research studies that test new treatments or procedures that may prove better than standard treatments. We will talk with you about whether a clinical trial may be right for you. </p>
                    </div>


                    <!---End H3 Module--->
                    
           </div> 
            
           <!---End H2 Module--->
              
    </div>  
    <script>$( "p" ).last().addClass( "heading1" );</script> 
    <!-- End H1 Module -->
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/vbehlers/a-pen-by-ventura-ZQLzpP */
@charset "UTF-8";
@import href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800,300italic,400italic,600italic,700italic,800italic&subset=latin,greek" rel="stylesheet" type="text/css";
/* CSS Document */
body {
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	width: 1000px;
	font-family: 'Open Sans', sans-serif;/*------*/
  	font-size: 16px;/*------*/
	line-height: 25px;
	color: #333333;
}

#container {
	width: 100%;
	font
}

h1 {
	font-size: 40px;
	line-height: 40px;
	margin: 0 0 30px 0;
	font-weight:500;
}


h2 {
	font-size: 26px;
	line-height: 26px;
	margin: 0 0 10px 0;
	font-weight:400;
}

h3 {
	font-size: 20px;
	line-height: 20px;
	margin: 0 0 8px 0;
	font-weight:400;
}

h4 {
	font-size: 18px;
	line-height: 18px;
	margin: 0 0 7px 0;
	font-weight:400;
}

h5 {
	font-size: 16px;
	line-height: 16px;
	margin: 0 0 6px 0;
	font-weight:400;
}

p {
	margin: 0 0 12px 0 ;
}

.big {
	font-weight:600;
}

.heading1 {
	margin-bottom: 80px;
}

.heading2 {
	margin-bottom: 40px;
}

.heading3 {
	margin-bottom: 20px;
}

.heading4 {
	margin-bottom: 10px;
}

.heading5 {
	margin-bottom: 10px;
}



.module> *:last-child,
.module> *:last-child > *:last-child,
.module> *:last-child > *:last-child > *:last-child {
  margin-bottom: 30px;
}

.module2 {
  margin-bottom: 30px;
}

.module3 {
  margin-bottom: 20px;
}



/*----lists----*/



a {
	text-decoration: none;
	color: #357895;
}

a:hover {
	text-decoration: underline;
}

ul, ol {
	margin-bottom: 25px;
	margin-top: 5px;
	padding-left: 20px;
	max-width: 80%;
}

ul li, ol li {
	margin-bottom: 8px;
	padding-left: 0px;
}

ul ul, ol ol {
	margin-top: 10px;
	margin-bottom: 10px;
}

ul li, ul ul ul li {
	list-style-type: disc;
}
	
ul ul li {
	list-style-type: circle;
}

ul ul ul li {
	list-style-type: disc;
}
	
ol ol li {
	list-style-type: lower-alpha;
}

ol ol ol li {
	list-style-type: lower-roman;
}
	
#links li, .joe {
	list-style-type: none !important;
}

#links ul {
	margin-bottom: 25px;
	margin-top: 5px;
	padding-left: 0px;
}

Comments