Getting this error when trying to save a VF component:

An internal server error has occurred An error has occurred while processing your request. The salesforce.com support team has been notified of the problem. If you believe you have additional information that may be of help in reproducing or correcting the error, please contact Salesforce Support. Please indicate the URL of the page you were requesting, any error id shown on this page as well as any other related information. We apologize for the inconvenience. Thank you again for your patience and assistance. And thanks for using salesforce.com! Error ID: 480876482-2320998 (-83440880)

Here is the code:
 

<apex:component >
<apex:stylesheet value="//maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css"/>
      
    <apex:attribute name="Id" type="String" required="false" description="The id of the deal" />
    <apex:attribute name="dealName" type="String" required="true" description="The name of the deal" />
    <apex:attribute name="picture" type="String" required="false" description="The picture of the deal" />
    <apex:attribute name="status" type="String" required="true" description="The status of the deal" />
    <apex:attribute name="type" type="String" required="true" description="The type of the deal" />
    <apex:attribute name="strategy" type="String" required="true" description="The strategy of the deal" />
    <apex:attribute name="synopsis" type="String" required="true" description="The synopsis of the deal" />
              <div id="containerBox">
                  <div id="nameBox"><h2>{!dealName}</h2></div>
                  <div id="pictureBox"><apex:outputText value="{!picture}" escape="false"/></div>
                  <div id="statusTypeStrategyBox">{!status}</div>
                  <div id="statusTypeStrategyBox">{!type}</div>
                  <div id="statusTypeStrategyBox">{!strategy}</div>
                  
                  <div id="dealSynopsisBox"><div class="sidebar-box">
                      <p>{!synopsis}</p>
                      <p class="read-more"><a href="#openModal" class="button">Read More</a></p>

                        <div id="openModal" class="modalDialog">
                            <div>
                                <a href="#close" title="Close" class="close">X</a>
                                <h2>{!dealName}</h2>
                                <div id="pictureBoxModal"><apex:outputText value="{!picture}" escape="false"/></div>
                                <div id="dealSynopsisBoxModal">{!synopsis}</div>
                                <div id="strategyBoxModal">{!strategy}</div>
                               <i class="fa fa-gbp fa-3x" aria-hidden="true" id="bottomMenuItemsModal"></i>          
                              <i class="fa fa-book fa-3x" aria-hidden="true" id="bottomMenuItemsModal"></i>
                              <i class="fa fa-video-camera fa-3x" aria-hidden="true" id="bottomMenuItemsModal"></i>
                              <i class="fa fa-question-circle-o fa-3x" aria-hidden="true" id="bottomMenuItemsModal"></i>
                            </div>
                        </div>
                     
                  </div></div>

                  
                  
                  <i class="fa fa-gbp fa-3x" aria-hidden="true"></i>          
                  <i class="fa fa-book fa-3x" aria-hidden="true" id="bottomMenuItems"></i>
                  <i class="fa fa-video-camera fa-3x" aria-hidden="true" id="bottomMenuItems"></i>
                  <i class="fa fa-question-circle-o fa-3x" aria-hidden="true" id="bottomMenuItems"></i>

              </div>
              
</apex:component>