Google Company - freeCodeCamp

In this example below you will see how to do a Google Company - freeCodeCamp with some HTML / CSS and Javascript

This project has been built for passing freeCodeCamp tribute page challenge

Thumbnail
This awesome code was written by myassir, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright myassir ©

Technologies

  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>Google Company - freeCodeCamp</title>
  
  
  <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/css/bootstrap.min.css'>

      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <div class="container bg-white rounded">
<div class="row navbar sticky-top navbar-light bg-light rounded-top d-block text-center"><img src="http://d.up-00.com/2018/03/152155700540071.png" alt=""> <span>Company</span>
  <div  id="fcc_logo"><img class="rounded" src="http://d.up-00.com/2017-08/150412456345491.jpg" alt=""></div>
</div> 
  <div class="content">
    <div class="row">
        <div class="intro text-center">
            <span>Google is an American multinational technology company that specializes in Internet-related services and products. These include online advertising technologies, search, cloud computing, software, and hardware.</span>
        </div>
        <div class="col-md-12">
            <div class="rounded-bottom thumb bg-light">
                <img class="img-fluid" src="https://fthmb.tqn.com/VeaofcMR8SAjfEfVMYMNswnD-0o=/960x0/filters:no_upscale()/how-to-visit-the-googleplex-google-hq-mountain-view-57e2d4515f9b586c3529ba9c.jpg" alt=""> 
                <div class="caption text-center">Google's headquarters, the  <a href="https://en.wikipedia.org/wiki/Googleplex">Googleplex</a></div>
            </div>
        </div>        
    </div>
    <div class="row">
    <div class="col-md-1"></div>
    <div class="col-md-10">
      <h3 class="text-center title">Products and services</h3>
      <div>
        <ul>
            <li><strong>Advertising:</strong> For the 2006 fiscal year, the company reported $10.492 billion in total advertising revenues and only $112 million in licensing and other revenues. In 2011, 96% of Google's revenue was derived from its advertising programs. In addition to its own algorithms for understanding search requests, Google uses technology from the company DoubleClick, to project user interest and target advertising to the search context and the user history.</li>
            <li><strong>Search engine:</strong> According to market research published by comScore in November 2009, Google Search is the dominant search engine in the United States market, with a market share of 65.6%.[169] Google indexes billions[170] of web pages, so that users can search for the information they desire through the use of keywords and operators.</li>
            <li><strong>Enterprise services:</strong> G Suite is a monthly subscription offering for organizations and businesses to get access to a collection of Google's services, including Gmail, Google Drive and Docs, Sheets, and Slides, with additional administrative tools, unique domain names, and 24/7 support.</li>
            <li><strong>Consumer services:</strong> 
                <ul>
                <li><strong>Web-based services:</strong> Google offers Gmail, and the newer variant Inbox, for email, Google Calendar for time-management and scheduling, Google Maps for mapping, navigation and satellite imagery, Google Drive for cloud storage of files, Google Docs, Sheets and Slides for productivity, Google Photos for photo storage and sharing, Google Keep for note-taking, Google Translate for language translation, YouTube for video viewing and sharing, and Google+, Allo, and Duo for social interaction.</li>
                <li><strong>Software:</strong> Google develops the Android mobile operating system, as well as its smartwatch, television, car, and Internet of things-enabled smart devices variations.
                
                It also develops the Google Chrome web browser, and Chrome OS, an operating system based on Chrome.</li>
                <li><strong>Internet services:</strong> In February 2010, Google announced the Google Fiber project, with experimental plans to build an ultra-high-speed broadband network for 50,000 to 500,000 customers in one or more American cities. Following Google's corporate restructure to make Alphabet Inc. its parent company, Google Fiber was moved to Alphabet's Access division.

                In April 2015, Google announced Project Fi, a mobile virtual network operator, that combines Wi-Fi and cellular networks from different telecommunication providers in an effort to enable seamless connectivity and fast Internet signal.

                In September 2016, Google began its Google Station initiative, a project for public Wi-Fi at railway stations in India. Caesar Sengupta, VP for Google’s next billion users, told The Verge that 15,000 people get online for the first time thanks to Google Station and that 3.5 million people use the service every month. The expansion meant that Google was looking for partners around the world to further develop the initiative, which promised "high-quality, secure, easily accessible Wi-Fi". By December, Google Station had been deployed at 100 railway stations, and in February, Google announced its intention to expand beyond railway stations, with a plan to bring citywide Wi-Fi to Pune.
                </li>
            </ul>
            </li>
        </ul>
      </div>
    </div>
    </div>
  </div><!-- End content-->
  <h4 class="text-center">
      Discover more about Google : <a href="https://en.wikipedia.org/wiki/Google">Wikipedia</a>
  </h4>
</div><!-- End container -->
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/myassir/google-company-freecodecamp-ayPNZY */
body {
  background-color: #DDD;
  padding-top: 40px;
}
.navbar{
  border-bottom:1px solid #e8e8e8;
  font-size : 18px;
  color: #888;
  padding-top:25px;
  box-shadow: 0 12px 20px -15px rgba(0, 0, 0, 1);
}
.navbar img{
  width: 180px;
}
#fcc_logo{
  text-align:right;
}
.container {
    padding-top: 0;
    padding-bottom: 40px;
    margin-bottom: 40px;
}
.thumb{
  border:1px solid #e8e8e8;
}
.img-fluid{
  width:100%;
}
.intro{
  position: relative;
  padding: 30px;
  width:80%;
  margin: 0 auto;
}
.intro span{
  font-style: italic;
}
span{
  padding-top: 5px;
}
li{
  margin-bottom:20px;
}
div>ul>li>strong{
  color : #2e75f2;
}
li ul{
  margin-top: 10px;
  margin-left: 20px;
}
.caption{
  padding:5px 0;
}
.title{
  margin:30px 0;
}

Comments