web-development-first-project/index.html at main · ATechopS/web-development-first-project · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>www.Techops.com/ajhfjsajf</title>
    <link rel="stylesheet" href="index.css">
    <style media="screen, print">
      @font-face {
        font-family: "Bitstream Vera Serif Bold";
        src: url("https://mdn.github.io/css-examples/web-fonts/VeraSeBd.ttf");
      }
   </style>

</head>
<body>
<div id="bod">
  <div class="logo"><h1>Tech<span>opS</span></h1>
    </div>
  <div class="Menu" style="text-align: center;width:700px;height:50px; border-radius:50px;border:3px solid;">
  <a href="">Home</a>
  <a href="https://mail.google.com/mail/u/0/?tab=rm&ogbl">Services</a>
  <a href="">Products</a>
  <a href="">Blog</a>
  <a href="" style="width:75px;">About us</a>
  <a href="">Contact us</a></div>

</div>


<div class="content_1">
  <p class="first_p">
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo quasi hic mollitia vero? Consectetur, necessitatibus quo. Tempora id et veniam voluptas! Nostrum, est molestias exercitationem similique quos eum excepturi vitae. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Labore non, consequuntur architecto saepe veniam vel rem laboriosam. Quidem, harum illo cum, velit atque praesentium, alias ratione consequatur pariatur inventore enim. Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos numquam nihil laborum? Ipsam sit ducimus tenetur praesentium. Rerum voluptas dolorem molestiae sit, corporis necessitatibus? Laudantium velit blanditiis voluptas ab neque! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea aut in fugiat recusandae commodi soluta adipisci atque ipsam officia, incidunt repellat ipsa laborum, tempore quas. Odit vel rerum optio perferendis! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Commodi rem veniam modi, ipsa animi laborum voluptatum consequatur quas quisquam natus itaque, delectus vitae necessitatibus suscipit ad rerum neque dolorem soluta! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis illo enim neque quo? Sed, magni, delectus nam quisquam atque blanditiis facilis repudiandae recusandae aliquam, illum rerum officiis excepturi provident porro!
  </p>

  <img src="tubemagic_feature.PNG" alt="" height="400px" width="400px">
   </div>
</body>
</html>