Pessoal

<title>Iniciando com bootstrap</title>

Marcos

    <div class="collapse navbar-collapse" id="conteudoNavbarSuportado">
      <ul class="navbar-nav mr-auto">
        <li class="nav-item active">
          <a class="nav-link" href="#">Home <span class="sr-only">(página atual)</span></a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="https://gartic.com.br/marcos19k">Meu Gartic<img src="Icongartic.png" width="20px" ></a>
        </li>
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            Acessar mais
          </a>
          <div class="dropdown-menu" aria-labelledby="navbarDropdown">
            <a class="dropdown-item" href="#">Ação</a>
            <a class="dropdown-item" href="#">Outra ação</a>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item" href="#">Algo mais aqui</a>
          </div>
        </li>
        <li class="nav-item">
          <a class="nav-link disabled" href="#">Desativado</a>
        </li>
      </ul>
      <form class="form-inline my-2 my-lg-0">
        <input class="form-control mr-sm-2" type="search" placeholder="Pesquisar" aria-label="Pesquisar">
        <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Pesquisar</button>
      </form>
    </div>
  </nav>
<style>
    .bg_video{
            position: fixed; 
            right: 0; 
            bottom: 0;
            min-width: 100%; 
            min-height: 100%;
            z-index: -1000;
            background: url(1080pmp3.mp4) no-repeat;
            background-size: cover;}    
    .body{  padding:10px;
            background: rgba(255,255,255,0.9);
            margin:  auto;
            max-width: 500px;
            border-radius: 100px;}
            </style>
	<video autoplay loop class="bg_video">
		<source src="1080pweb.webm" type="video/webm">
		<source src="1080pmp3.mp4" type="video/mp4">
	</video>
<center><h1>perfil</h1>
<div class="card" style="width: 20rem;">
    <img class="card-img-top" src="Meu perfil if 320x320.gif" alt="Imagem de capa do card">
    <div class="card-body">
      <h6 width="class="card-title>Marcos Vinícius Braga da Silva</h6>
      <p class="card-text"><h7>"Eu sou fã, eu quero service"</h7></p>
      <p class="card-text"><h7>20 anos</h7></p>
      <p class="card-text">Email:Marcosmay96@hotmail.com</p>
      <p class="card-text">contato: (94)992907080</p>
      <a href="https://www.instagram.com/marcos.py/" class="btn btn-primary"><img src="Icon.png" width="25px" > Instagram</a>
      <a href="https://github.com/Marcospy" class="btn btn-secondary"><img src="Icongithub.png" width="25px" > Github</a>
      
      <a href="https://github.com/Marcospy" class="btn btn-tertiary"><img src="Iconfacebook.png" width="25px" > Facebook</a>
    </div>
  </div>
</center>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>