Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. You can use the CSS from another Pen by using it's URL and the proper URL extention.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
<main id="main">
  <div class="baner">
<h1 id="title">Sir Tim Berners-Lee.</h1>
<!-- <p class="title-paragraph">The man who created Hyper text markup language .</p> -->
  </div>
  <figure id="img-div">
  
  
    <img id="image" class="sub-section"
      src="https://www.ft.com/__origami/service/image/v2/images/raw/http%3A%2F%2Fcom.ft.imagepublish.upp-prod-us.s3.amazonaws.com%2Fc4593f5c-3e4a-11e9-b896-fe36ec32aece?fit=scale-down&source=next&width=700"
      alt="Sir Tim Berners Lee, first man who create webside is on picture" />
    <figcaption id="img-caption">
      The man who created Hyper text markup language .
    </figcaption>
  </figure>

  <section id="tribute-info" class="sub-section"><h2>Tim Berners-Lee</h2>
    <p><strong>Sir Timothy John Berners-Lee</strong>(born 8 June 1955),
      <img class="pick-career"src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT_4mESuaVvhG7TnVaztdE0X_HV5ASxUYDK5Q&usqp=CAU" alt="">
      
      <br>also known as TimBL, is an English
    computer scientist best known as the inventor of the World Wide Web. <br>He is a Professorial Fellow of Computer Science at
    the University of Oxford and a professor at the Massachusetts Institute of Technology (MIT). Berners-Lee
    proposed an information management system on 12 March 1989, then implemented the first successful communication
    between a Hypertext Transfer Protocol (HTTP) client and server via the Internet in mid-November.
  <br>
  <br>
    <strong>Berners-Lee is the director of the World Wide Web Consortium (W3C)</strong>  which oversees the continued development of the Web.
    He is also the founder of the World Wide Web Foundation and is a senior researcher and holder of the 3Com founders chair
    at the MIT Computer Science and Artificial Intelligence Laboratory (CSAIL).He is a director of the Web Science
    Research Initiative (WSRI) and a member of the advisory board of the MIT Center for Collective Intelligence.
    In 2011, he was named as a member of the board of trustees of the Ford Foundation. He is a founder and president of
    the Open Data Institute and is currently an advisor at social network MeWe.
    <br>
    <br>
    <strong>In 2004, Berners-Lee was knighted by Queen Elizabeth II for his pioneering work.</strong>

<br>In 2007, he was elected a member of the National Academy of Engineering for being principally responsible for inventing the World Wide Web. <strong>He devised and implemented the first Web browser and Web server and helped foster the Web's subsequent explosive
development.</strong> He currently directs the W3 Consortium, developing tools and standards to further the Web's potential. In April 2009, he was elected a Foreign Associate of the National Academy of Sciences.<br>

<strong>He was named in Time magazine's list of the 100 Most Important People of the 20th century and has received a number of
other accolades for his invention</strong>. He was honoured as the <strong>"Inventor of the World Wide Web"</strong> during the 2012 Summer Olympics opening ceremony in which he appeared working with a vintage NeXT Computer at the London Olympic Stadium.<br> He tweeted "This is for everyone" which appeared in LCD lights attached to the chairs of the audience. He received the 2016 Turing Award "for inventing the World Wide Web, the first web browser, and the fundamental protocols and algorithms allowing the Web to scale".
  </p>
    </section>
    <section id="tribute-info" class="sub-section">
    <h2>Early life and education</h2>
    <img class="pick-career-spec" src="https://www.richmondandtwickenhamtimes.co.uk/resources/images/2478692?type=responsive-gallery-fullscreen" alt="">
    <p><strong>Berners-Lee was born on 8 June 1955 in London, England</strong>,<br> the eldest of the four children of Mary Lee Woods and Conway
    Berners-Lee;<br><br> his brother Mike is a professor of ecology, and climate change management. <br>His parents were computer
    scientists who worked on the first commercially built computer, the Ferranti Mark 1.<br> He attended Sheen Mount Primary
    School, and then went on to attend south west London's Emanuel School from 1969 to 1973, at the time a direct grant
    grammar school, which became an independent school in 1975. <br>A keen trainspotter as a child, he learnt about
    electronics from tinkering with a model railway.<br><br>He studied at The Queen's College, Oxford, from 1973 to 1976, where
    he received a first-class bachelor of arts degree in physics. While at university, Berners-Lee made a computer
    out of an old television set, which he bought from a repair shop.</p>    
  </section>
  <section id="tribute-info" class="sub-section">
   <h2>Career and research</h2> 
  <p>
<img class="pick-career"
  src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f8/Tim_Berners-Lee.jpg/330px-Tim_Berners-Lee.jpg" alt="">

  <strong>Berners-Lee</strong>,<br>
  
  
   2005
  After graduation, Berners-Lee worked as an engineer at the telecommunications company Plessey in Poole, Dorset. In
  1978, he joined D. G. Nash in Ferndown,<br> Dorset, where he helped create type-setting software for printers.<br><br> 
   
  

  Berners-Lee worked as an independent contractor at CERN from June to December 1980. While in Geneva, he proposed a
  project based on the concept of hypertext, to facilitate sharing and updating information among researchers. To
  demonstrate it, he built a prototype system named ENQUIRE.<br><br>
  
  After leaving CERN in late 1980, he went to work at John Poole's Image Computer Systems, Ltd, in Bournemouth,
  Dorset.He ran the company's technical side for three years.The project he worked on was a "real-time remote
  procedure call" which gave him experience in computer networking.<br><br> In 1984, he returned to CERN as a fellow.<br>
  
  In 1989, CERN was the largest Internet node in Europe,<br> and Berners-Lee saw an opportunity to join hypertext with the
  Internet:<br>
  
  I just had to take the hypertext idea and connect it to the Transmission Control Protocol and domain name system ideas
  and—ta-da!—the World Wide Web ... <br><br>Creating the web was really an act of desperation, because the situation without
  it was very difficult when I was working at CERN later. Most of the technology involved in the web, like the hypertext,<br>
  like the Internet, multifont text objects, had all been designed already. I just had to put them together. It was a step
  of generalising, going to a higher level of abstraction, thinking about all the documentation systems out there as being
  possibly part of a larger imaginary documentation system.<br><br>
  
  
  This NeXT Computer was used by Berners-Lee at CERN and became the world's first web server
  Berners-Lee wrote his proposal in March 1989 and, in 1990, redistributed it. It then was accepted by his manager, Mike
  Sendall, who called his proposals 'vague, but exciting'.<br>He used similar ideas to those underlying the ENQUIRE
  system to create the World Wide Web, for which he designed and built the first web browser. His software also functioned
  as an editor (called WorldWideWeb, running on the NeXTSTEP operating system), and the first Web server, CERN HTTPd
  (short for Hypertext Transfer Protocol daemon).<br><br>
  
  Mike Sendall buys a NeXT cube for evaluation, and gives it to Tim [Berners-Lee]. Tim's prototype implementation on
  NeXTStep is made in the space of a few months, thanks to the qualities of the NeXTStep software development system. This
  prototype offers WYSIWYG browsing/authoring! Current Web browsers used in 'surfing the Internet' are mere passive
  windows, depriving the user of the possibility to contribute. During some sessions in the CERN cafeteria, Tim and I try
  to find a catching name for the system. I was determined that the name should not yet again be taken from Greek
  mythology..... <br>Tim proposes 'World-Wide Web'. I like this very much, except that it is difficult to pronounce in
  French... by Robert Cailliau, 2 November 1995.<br><br>
  
  Berners-Lee published the first web site, which described the project itself, on 20 December 1990; it was available to
  the Internet from the CERN network.<br><br>
  
  info.cern.ch was the address of the world's first-ever website and web server, running on a NeXT computer at CERN. The
  first webpage address was http://info.cern.ch/hypertext/WWW/TheProject.html, which centred on information regarding the
  WWW project. Visitors could learn more about hypertext, technical details for creating their own webpage, and even an
  explanation on how to search the Web for information. There are no screenshots of this original page and, in any case,
  changes were made daily to the information available on the page as the WWW project developed. You may find a later copy
  (1992) on the World Wide Web Consortium website.<br><br>
  <img class="pick-career" src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d1/First_Web_Server.jpg/330px-First_Web_Server.jpg" alt="">
  
  The site provided an explanation of what the World Wide Web was, and how people could use a browser and set up a web
  server, as well as how to get started with your own website.<br> In a list of 80 cultural moments that
  shaped the world, chosen by a panel of 25 eminent scientists, academics, writers, and world leaders, the invention of
  the World Wide Web was ranked number one, with the entry stating, "The fastest growing communications medium of all
  time, the Internet has changed the shape of modern life forever. We can connect with each other instantly, all over the
  world".<br><br>
  
  In 1994, Berners-Lee founded the W3C at the Massachusetts Institute of Technology. It comprised various companies that
  were willing to create standards and recommendations to improve the quality of the Web. Berners-Lee made his idea
  available freely, with no patent and no royalties due. The World Wide Web Consortium decided that its standards should
  be based on royalty-free technology, so that they easily could be adopted by anyone.<br>
  
  Berners-Lee participated in Curl Corp's attempt to develop and promote the Curl programming language.<br><br>
  
  In 2001, Berners-Lee became a patron of the East Dorset Heritage Trust, having previously lived in Colehill in Wimborne,
  East Dorset.<br> In December 2004, he accepted a chair in computer science at the School of Electronics and Computer
  Science, University of Southampton, Hampshire, to work on the Semantic Web.<br><br>
  
  In a Times article in October 2009, Berners-Lee admitted that the initial pair of slashes ("//") in a web address were
  "unnecessary". He told the newspaper that he easily could have designed web addresses without the slashes. "There you
  go, it seemed like a good idea at the time", he said in his lighthearted apology.</p>
</section>
<section id="tribute-info" class="sub-section">
  <h2>Policy work</h2>
    
    <p>

      <img class="pick-career"src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c3/Berners-Lee_announcing_W3F.jpg/330px-Berners-Lee_announcing_W3F.jpg" alt="">
    Tim Berners-Lee at the Home Office, London, on 11 March 2010
    In June 2009, then-British prime minister Gordon Brown announced that Berners-Lee would work with the UK government to
    help make data more open and accessible on the Web, building on the work of the Power of Information Task Force.<br>
    Berners-Lee and Professor Nigel Shadbolt are the two key figures behind data.gov.uk, a UK government project to open up
    almost all data acquired for official purposes for free re-use. Commenting on the opening up of Ordnance Survey data in
    April 2010, Berners-Lee said that: "The changes signal a wider cultural change in government based on an assumption that
    information should be in the public domain unless there is a good reason not to—not the other way around." He went on to
    say: "Greater openness, accountability and transparency in Government will give people greater choice and make it easier
    for individuals to get more directly involved in issues that matter to them."<br><br>
    
    
    Berners-Lee speaking at the launch of the World Wide Web Foundation
    In November 2009, Berners-Lee launched the World Wide Web Foundation (WWWF) in order to campaign to "advance the Web to
    empower humanity by launching transformative programs that build local capacity to leverage the Web as a medium for
    positive change."<br><br>
    
    Berners-Lee is one of the pioneer voices in favour of net neutrality,<br> and has expressed the view that ISPs should
    supply "connectivity with no strings attached", and should neither control nor monitor the browsing activities of
    customers without their expressed consent.<br> He advocates the idea that net neutrality is a kind of human network
    right: "Threats to the Internet, such as companies or governments that interfere with or snoop on Internet traffic,
    compromise basic human network rights."<br> Berners-Lee participated in an open letter to the US Federal Communications
    Commission (FCC). He and 20 other Internet pioneers urged the FCC to cancel a vote on 14 December 2017 to uphold net
    neutrality. The letter was addressed to Senator Roger Wicker, Senator Brian Schatz, Representative Marsha Blackburn and
    Representative Michael F. Doyle.<br><br>
    
    
    Berners-Lee's tweet, "This is for everyone",<br>
    <img class="pick-career" src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b0/This_is_for_Everyone.jpg/330px-This_is_for_Everyone.jpg" alt=""> at the 2012 Summer Olympic Games in London
    Berners-Lee joined the board of advisors of start-up State.com, based in London.<br>As of May 2012, Berners-Lee is
    president of the Open Data Institute,<br> which he co-founded with Nigel Shadbolt in 2012.
    
    The Alliance for Affordable Internet (A4AI) was launched in October 2013 and Berners-Lee is leading the coalition of
    public and private organisations that includes Google, Facebook, Intel, and Microsoft. The A4AI seeks to make Internet
    access more affordable so that access is broadened in the developing world, where only 31% of people are online.
    Berners-Lee will work with those aiming to decrease Internet access prices so that they fall below the UN Broadband
    Commission's worldwide target of 5% of monthly income.<br><br>
    
    Berners-Lee holds the founders chair in Computer Science at the Massachusetts Institute of Technology, where he heads
    the Decentralized Information Group and is leading Solid, a joint project with the Qatar Computing Research Institute
    that aims to radically change the way Web applications work today, resulting in true data ownership as well as improved
    privacy.<br> In October 2016, he joined the Department of Computer Science at Oxford University as a professorial
    research fellow[62] and as a fellow of Christ Church, one of the Oxford colleges.<br><br>
    
    <img class="pick-career"src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d6/At_the_Science_Museum_for_the_Web%4030_event%2C_March_2019_23.jpg/330px-At_the_Science_Museum_for_the_Web%4030_event%2C_March_2019_23.jpg" alt="">
    Tim Berners-Lee at the Science Museum for the Web@30 event, March 2019
    From the mid 2010s Berners-Lee initially remained neutral on the emerging Encrypted Media Extensions (EME) proposal for
    with its controversial Digital Rights Management (DRM) implications.<br> In March 2017 he felt he had to take a position
    which was to support the EME proposal.<br> He reasoned EME's virtues whilst noting DRM was inevitable.<br> As W3C
    director he went on to approve the finalised specification in July 2017.<br>> His stance was opposed by some
    including Electronic Frontier Foundation (EFF), the anti-DRM campaign Defective by Design and the Free Software
    Foundation.<br> Varied concerns raised included being not supportive of the Internet's open philosophy against
    commercial interests and risks of users being forced to use a particular web browser to view specific DRM content.<br>
    The EFF raised a formal appeal which did not succeed and the EME specification became a formal W3C recommendation in
    September 2017.<br><br>
    
    On 30 September 2018, Berners-Lee announced his new open-source startup Inrupt to fuel a commercial ecosystem around the
    Solid project, which aims to give users more control over their personal data and lets users choose where the data goes,
    who's allowed to see certain elements and which apps are allowed to see that data.<br><br>
    
    In November 2019 at the Internet Governance Forum in Berlin Berners-Lee and the WWWF launched Contract for the Web, a
    campaign initiative to persuade governments, companies and citizens to commit to nine principles to stop "misuse" with
    the warning that "if we don't act now – and act together – to prevent the web being misused by those who want to
    exploit, divide and undermine, we are at risk of squandering [its potential for good]".
  </p>
</section>
<section id="tribute-info" class="sub-section">
  <h2>Awards and honours</h2>
  <p>
  
    Main article: List of awards and honours received by Tim Berners-Lee
    <img class="pick-career"src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/2c/Tim_Berners-Lee_Freedom_of_the_City_-_06.jpg/330px-Tim_Berners-Lee_Freedom_of_the_City_-_06.jpg" alt="">
    "He wove the World Wide Web and created a mass medium for the 21st century. The World Wide Web is Berners-Lee's alone.
    He designed it. He loosed it on the world. And he more than anyone else has fought to keep it open, nonproprietary and
    free."
    —Tim Berners-Lee's entry in Time magazine's list of the 100 Most Important People of the 20th century, March 1999.<br>
    Berners-Lee has received many awards and honours. He was knighted by Queen Elizabeth II in the 2004 New Year Honours
    "for services to the global development of the Internet", and was invested formally on 16 July 2004.<br><br>
    
    On 13 June 2007, he was appointed to the Order of Merit (OM), an order restricted to 24 (living) members.<br> Bestowing
    membership of the Order of Merit is within the personal purview of the Queen, and does not require recommendation by
    ministers or the Prime Minister.<br><br>
    
    He was elected a Fellow of the Royal Society (FRS) in 2001.<br> He was also elected as a member into the National
    Academy of Engineering in 2007.<br><br>
    
    He has been conferred honorary degrees from a number of Universities around the world, including Manchester (his parents
    worked on the Manchester Mark 1 in the 1940s), Harvard and Yale.<br><br>
    
    In 2012, Berners-Lee was among the British cultural icons selected by artist Sir Peter Blake to appear in a new version
    of his most famous artwork – the Beatles' Sgt. Pepper's Lonely Hearts Club Band album cover – to celebrate the British
    cultural figures of his life that he most admires to mark his 80th birthday.<br><br>
    In 2013, he was awarded the inaugural Queen Elizabeth Prize for Engineering.<br> On 4 April 2017, he received the 2016
    ACM Turing Award "for inventing the World Wide Web, the first web browser, and the fundamental protocols and algorithms
    allowing the Web to scale".
  </p>
</section>
<section id="tribute-info" class="sub-section">
  <h2>
Personal life
  </h2>
  <p>

Berners-Lee has said "I like to keep work and personal life separate".<br>
<img class="pick-career"src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/52/Emblem_of_the_United_Nations.svg/180px-Emblem_of_the_United_Nations.svg.png" alt="">

Berners-Lee married Nancy Carlson, an American computer programmer, in 1990. She was also working in Switzerland at the
World Health Organization.<br>They had two children and divorced in 2011. In 2014, he married Rosemary Leith at the
Chapel Royal, St. James's Palace in London.<br> Leith is a Canadian Internet and banking entrepreneur and a founding
director of Berners-Lee's World Wide Web Foundation.<br> The couple also collaborate on venture capital to support
artificial intelligence companies.<br><br>

Berners-Lee was raised as an Anglican, but he turned away from religion in his youth. After he became a parent, he
became a Unitarian Universalist (UU).<br> When asked whether he believes in God, he stated: "Not in the sense of most
people, I'm atheist and Unitarian Universalist".
  </p>
</section>
<section id="left-page">
<h5 class="named-toped">Professor Sir</h5>
<h3 class="named-inside">Tim Berners-Lee</h3>
 
  <img class="left-page-photo" src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/4e/Sir_Tim_Berners-Lee_%28cropped%29.jpg/330px-Sir_Tim_Berners-Lee_%28cropped%29.jpg" alt="Sir Tim Berners Lee arriving at the Guildhall to receive the Honorary Freedom of the City of London">
  
  <h5 class="texting-photo">Berners-Lee in 2014</h5>
  <div class="sekce1">
    <li>Born</li> 
    <a class="sub-section1">Timothy John Berners-Lee <br>
    8 June 1955 (age 65)<br>
    London, England</a></div>
  <div class="sekce2"><li>Other names</li>
    <a class="sub-section1">TimBL<br>
    TBL</a></div>
   <div class="sekce3"><li>Education</li><a class="sub-section1">The Queen's College, <br>Oxford (BA)</a></div>
  <div class="sekce4"><li>Spouse(s)</li> <a class="sub-section1">Nancy Carlson<br>
    ​
    ​(m. 1990; div. 2011)​<br>
    Rosemary Leith ​(m. 2014)​</a></div>
  <div class="sekce5"><li>Children</li><a class="sub-section1">2 children; 3 step-children</a></div>
  <div class="sekce6"><li>Parent(s)</li> <a class="sub-section1">Conway Berners-Lee
    Mary Lee Woods</a></div>
  <div class="sekce7"><li>Awards</li> <a class="sub-section1">Turing Award (2016)
    Queen Elizabeth Prize (2013)
    Foreign Associate of the National Academy of Sciences (2009)
    Order of Merit (2007)
    ACM Software System Award (1995)</a></div>
    <h4 class="scient"> Scientific career</h4>
  <div class="sekce8">
    <li>Institutions CERN</li>
  <a class="sub-section1">
    
    Massachusetts Institute of Technology
    World Wide Web Consortium
    University of Oxford
    University of Southampton
  </a></div>
 <div class="sekce9"><li>Website:</li><a class="sub-section1 offi-web "href="https://www.w3.org/People/Berners-Lee/" target="_blank">Officil website</a>
</div>
  
</section>
  <section id="tribute-info" class="sub-section">
  <h3>
    If you have time, you should read more about this incredible human being
    on his
    <a id="tribute-link" class="offi-web" href="https://en.wikipedia.org/wiki/Tim_Berners-Lee" target="_blank">Wikipedia entry</a>.
  </h3>

</section>
  
</main>

<footer>
  <div class="footer-banner">
    <div class="contact">   Contact Me on:</div> <br>
     <strong>Email:</strong>TomasMatusek@outlook.com   <br><strong>WhatsApp:</strong> +420 777 987 383<br><strong>Languages:</strong>
     English, German, Czech  
   
    
    </div>  
  <div class="block-icon"><span class="material-icons">
      copyright
    </span>
    <div class="creator">
      <h3>Tomas Matusek</h2>
  </div>
    <div class="phone"></div>
    <div class="languiage"></div>
    
    </div></div>
    
    
    
  </div>



</footer>
              
            
!

CSS

              
                body{
    background: rgb(190, 54, 54);;
    /* background: linear-gradient(95deg,#46aa89, #080e44); */
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  
}
.baner{
    position: relative;
    top: 0px;
    height: 250px;
   /* background: linear-gradient(340deg, #20343d, #2b5174, #da7c18); */
   background: rgb(29, 128, 153);
    
}
#img-caption {
    position: absolute;
  left: 550px;
  top: 885px;
}

#title {
    position: absolute;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    color:rgb(14, 218, 245);
    text-shadow: 2px 2px 5px black;
    text-align: center;
    font-size: 125px;
    margin-top: 50px;
    left: 50px;
    font-family: 'Spartan', sans-serif;
       
}
@media (max-width:1432px) {
        #title{
            font-size:100px;
        
    } 
}



#img-div {
  background:white;
  padding: 10px;
  margin: 0;
}
@media(max-width:1460px){
  #img-div{
    background:blue;
  }
}

#img-caption {
  margin: 15px 0 5px 0;
}


#image{margin-top: 35px;
    width: 1120px;
    height: 569px;
    border: 10px solid rgb(126, 122, 122);
   background:rgb(126, 122, 122);
   margin-left: 135px;
   margin-bottom: 35px;
}


@media(max-width:1445px){
    #img-div, #image{
        width: 1025px;
        border:none

    }
}
@media(max-width:1460px){
    #img-div,#image{
        position: absolute;
       visibility: hidden;

    }
    #left-page{
    visibility: hidden;
    }
    #tribute-info{
        position:relative;
        display: block;
        top: 00px;
        width: 200px;
        margin-left: 5%;
        margin-right: 2%;
        /* margin-bottom: -500px; */

    }
    footer{
      top: 50px;
    }
}


#tribute-info{
    margin-left: 1;
    border: 10px solid rgb(126, 122, 122);
    width: 980px;
    text-align: justify;
    padding: 10px 70px;
    margin-top: 50px;
    margin-bottom: 20px;
    background-color: #fff; 
}



@media(max-width:1320px){
    #tribute-info{
        width: 1000px;

    }

    #title{
        font-size: 90px;
        text-align: center;
    }
}
@media(max-width:1239px){
    #tribute-info{
        position: relative;
        right: 10%;
    }
}
@media(max-width:1080px){
    #tribute-info{
        width: 800px;
        
    }
    #title{
        font-size: 80px;
        text-align: center;
        margin-left: 25px;
        margin-top: 70px;
    }
}
@media(max-width:970px){
    #tribute-info{
        width: 900px;
        margin-left: 50px;
        margin-right: 0;
        
    }
    #title{
        font-size: 70px;
        text-align: center;
        margin-left: 15px;
        margin-top: 70px;
    }
}



@media(max-width:870px){
    #tribute-info{
        width: 750px;
       
       
        
    }
}

#left-page{
    visibility:hidden;
    position: absolute;
    top: 250px;
    width: 350px;
    height: 1498px;
    right: 0px;
    /* border: 2px solid red; */
    background-color: rgb(236, 222, 177);
    padding:5px 15px;
    font-family: 'Raleway', sans-serif;    
}


@media(max-width:1320px){
    #left-page{
        visibility: hidden;

    }
}

.named-toped{
    margin-top: 20px;
    padding-bottom: 0px;
    margin-bottom: -15px;
}
.named-inside{
    margin-left: 110px;
}

.left-page-photo{
    width: 250px;
    margin-left: 50px;
    margin-bottom: 50px;
}
h2{ font-size: 50px;
       font-family: 'Spartan', sans-serif;
    border-bottom: 3px solid black;
    padding-top: 55px;
    padding-bottom: 50px;
}
p{
    border-bottom: 3px solid black;
    padding-top: 55px;
    padding-bottom: 50px;
    font-family: 'Raleway', sans-serif;
}
h2, h5{
    text-align: center;
    margin: 0;
    margin-top: 0;
}
.texting-photo{
    text-align: center;
    margin-top: -50px;
    margin-bottom: 0px;
}

.sekce1{
    position:relative;
   top: 15px;
   margin-bottom: 10px;
}

.sub-section{
    margin-left: 150px;
}
.sub-section1{
    position: relative;
    left: 160px;
    text-align: justify;
    /* top: -15px; */
    font-size: 15px;
    /* border: red 2px solid; */
    width: 550px;
    bottom: 25px;
}
.sekce2{
     position:relative;
   top: 15px;
    margin-bottom: 10px;
     margin-bottom: 10px;

}

.sekce3{
     position:relative;
   top: 15px;
    margin-bottom: 10px;

}
.sekce4{
     position:relative;
   top: 15px;
    margin-bottom: 10px;

}
.sekce5{
     position:relative;
   top: 15px;
    margin-bottom: 10px;

}
.sekce6{
     position:relative;
   top: 15px;
   width: 150px;
    margin-bottom: 10px;

}
.sekce7{
     position:relative;
   top: 15px;
   width: 150px;
    margin-bottom: 10px;

}
h4{
    text-align: center;
}
.sekce8{
     position:relative;
   top: 0px;
   width: 150px;
    margin-bottom: 10px;

}

.offi-web{position: relative;
    text-decoration: none;
    font-size: 20px;
    font-weight: 600;
    color: rgb(255, 102, 0);
    background: rgb(251, 255, 0);
    padding: 5px 10px;
    letter-spacing: 1px;
}
.offi-web:hover{
    background: red;
    color:#fff;
}

.sekce9{
     position:relative;
   top: 15px;
    margin-bottom: 10px;

}
li{
 list-style: none;
font-weight: 600;
font-size: 14px;
}

.pick-career{
    float: right;
    padding-left: 15px;
    padding-top: 0;
}
.pick-career-spec{
    width: 250px;
    height: 350px;
    float: right;
    padding-left: 15px;
    padding-top: 20px;
}

footer{
    background: linear-gradient(340deg, #20343d, #2b5174, #b0da18);
    /* background: rgb(190, 54, 54); */
    position: relative;
    width: 100%;
    height: 250px;
    color: #fff;
    font-family: 'Spartan', sans-serif;
    letter-spacing: 1px;
   
}
.contact{
  
    font-weight: 900;
}
.footer-banner{
    position: relative;
    top: 90px;
  margin-left: 550px;
}

.block-icon{
    margin-left: 700px;
    margin-top: 100px;
}
.creator{
    position: relative;
    top: -5px;
    
    display: inline-block;
    

}
              
            
!

JS

              
                document.getElementsByTagName("h1")[0].style.fontSize = "6vw";
              
            
!
999px

Console