
<html lang="zh-TW">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Ferrari-Portofino-2018</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  </head>
  <div>
		<style>
			.t1{
		    color:red;
			text-align:center;
			font-family: Microsoft JhengHei;
			}
			
		</style>	
	<h1><p class="t1" >Ferrari-Portofino-2018</p></h1>
</div>	
<nav class="navbar navbar-default">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li class="active"><a href="#"><i style="font-size:24px" class="fa">&#xf082;</i>
 <span class="sr-only">(current)</span></a></li>
        <li><a href="#"><i style="font-size:24px" class="fa">&#xf16a;</i></a></li>
		<li><a href="#"><i style="font-size:24px" class="fa">&#xf16d;</i></a></li>
		<li><a href="#"><i style="font-size:24px" class="fa">&#xf174;</i></a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">Separated link</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">One more separated link</a></li>
          </ul>
        </li>
      </ul>
      <form class="navbar-form navbar-left">
        <div class="form-group">
          <input type="text" class="form-control" placeholder="Search">
        </div>
        <button type="submit" class="btn btn-default">Submit</button>
      </form>
      <ul class="nav navbar-nav navbar-right">
        <li><a href="#">Link</a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">Separated link</a></li>
          </ul>
        </li>
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>
  <body>
  
    <div class="container-fluid">
		<div class="row">
			<div class="col-md-6">
			<img src="img/Ferrari-Portofino-2018-1280-01.jpg" class="img-responsive img-thumbnail">
			</div>
			<div class="col-md-6">
			<img src="img/Ferrari-Portofino-2018-1280-07.jpg" class="img-thumbnail">
			</div>
		</div>
		
		<div class="row">
			<div class="col-md-6">
			<img src="img/Ferrari-Portofino-2018-1280-0a.jpg" alt="..." class="img-thumbnail">
			</div>
			<div class="col-md-6">
			<img src="img/Ferrari-Portofino-2018-1280-0c.jpg" alt="..." class="img-thumbnail">
			</div>
		</div>
		
		
	<div class="row">
		<p  class="text-danger">The Ferrari Portofino is the new V8 GT set to dominate its segment thanks to a perfect combination of outright performance and versatility in addition to a level of driving pleasure and on-board comfort unparalleled on the market. Capable of unleashing a massive 600 cv and sprinting from 0 to 200 km/h in just 10.8 seconds, the Ferrari Portofino is the most powerful convertible to combine the advantages of a retractable hard top, a roomy boot and generous cockpit space complete with two rear seats suitable for short trips.

The new car, which takes its name, Portofino, from one of the most charming villages on the Italian Riviera, an eponym for stylish elegance, is the most versatile model in the range. A Ferrari designed to be driven every day that also effortlessly converts from an authentic 'berlinetta' coupé to a drop-top capable of delivering a unique Ferrari soundtrack and superb driving pleasure even in day-to-day situations.

The retractable hard top (RHT) has been completely redesigned and can now be opened or closed in just 14 seconds on the move at lower speeds, making the car even more practical. Careful modelling of the RHT housing now allows the luggage compartment to hold two cabin trolleys with the roof down and three with the roof up. Ideal for any occasion, the Ferrari Portofino represents the perfect combination of design, performance and technology.

The Ferrari Portofino is significantly lighter with the adoption of new components featuring innovative designs made possible by the use of cutting-edge production techniques. This, combined with a 40 cv higher power output than the California T, has resulted in a significant hike in performance and a corresponding drop in emissions. Vehicle dynamics benefit from the introduction, for the first time on this model, of electric power steering, the 3rd generation electronic differential (E-Diff3) and the latest evolution of the electronic suspension control system (SCM-E) integrated with Premium 9.1 ESP.
	</p>
	
	<span>
	
	<table class="table table-hover">
		<tr><td><a href=https://www.netcarshow.com/ferrari/2014-laferrari/ class="btn btn-success">laferrari</a>  
		<tr><td><a href=https://www.netcarshow.com/ferrari/2016-488_gtb/ class="btn btn-default">488</a>  
		<tr><td><a href=index.htm class="btn btn-primary">ezon</a>  
		<tr><td><a href=index.htm class="btn btn-danger">f12 tdf</a> 
		<tr><td><a href=https://www.netcarshow.com/ferrari/ class="btn btn-success btn-block">more</a>  
	</table>
	
 
 
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery-3.2.1.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>
