Как перемести эти значки

DeadInsideGhoul_inactive2311806 · 17 сен 2019

Вот визитка. http://a0336861.xsph.ru/

Хочу что бы эти значки стояли ровно под текст, как это сделать?
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>YungUeio</title>
<link href='https://fonts.googleapis.com/css?family=Raleway:200,400,800' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">

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

</head>

<body>
<div class="wrapper">
<video id="video" class="bg-video" loop autoplay autobuffer>
<source src="timelapse.mp4" type="video/mp4">
</video>
</div>

<div id="large-header" class="large-header">
<canvas id="demo-canvas"></canvas>
</div>
<div class="text-wrapper">
<h1 class="main-title">YUNG <span class="thin">UEIO</span></h1>
<p class="sub-title">Until the end of until death will achieve</p>
<div class="socials">
</a>
<a href="//telegram.me/negativementalattitude" target="_blank" class="icon telegram" id="telegram">
<svg preserveaspectratio="xMinYMin meet" viewbox="0 0 200 200" class="circle">
<circle cx="100" cy="100" r="50"/>
</svg>
<img src="img/telegram.svg">
</a>
<a href="//instagram.com/yungueio" target="_blank" class="icon instagram" id="instagram">
<svg preserveaspectratio="xMinYMin meet" viewbox="0 0 200 200" class="circle">
<circle cx="100" cy="100" r="50"/>
</svg>
<img src="img/instagram-logo.svg">
</a>
<a href="//vk.com/youngbezdar" target="_blank" class="icon vk" id="vk">
<svg preserveaspectratio="xMinYMin meet" viewbox="0 0 200 200" class="circle">
<circle cx="100" cy="100" r="50"/>
</svg>
<img src="img/vk.svg">
</a>
</div>
</div>
<script src='https://www.marcoguglie.it/Codepen/AnimatedHeaderBg/demo-1/js/EasePack.min.js'></script>
<script src='https://www.marcoguglie.it/Codepen/AnimatedHeaderBg/demo-1/js/rAF.js'></script>
<script src='https://www.marcoguglie.it/Codepen/AnimatedHeaderBg/demo-1/js/TweenLite.min.js'></script>

<script type="text/javascript">
var red = 255;
var green = 255;
var blue = 255;

document.getElementById("vk").addEventListener("mouseenter", function(e){
red = 69;
green = 102;
blue = 142;
}, true);

document.getElementById("instagram").addEventListener("mouseenter", function(e){
red = 193;
green = 53;
blue = 132;
}, true);

document.getElementById("telegram").addEventListener("mouseenter", function(e){
red = 0;
green = 136;
blue = 204;
}, true);

</script>

<script src="js/index.js"></script>

</body>

</html>

HTML
<!DOCTYPE html>

<html lang="en" >

<head>

  <meta charset="UTF-8">

  <title>YungUeio</title>

  <link href='https://fonts.googleapis.com/css?family=Raleway:200,400,800' rel='stylesheet' type='text/css'>

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">



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



 

</head>



<body>

  <div class="wrapper">

    <video id="video" class="bg-video" loop autoplay autobuffer>

      <source src="timelapse.mp4" type="video/mp4">

    </video>

  </div>



  <div id="large-header" class="large-header">

    <canvas id="demo-canvas"></canvas>

  </div>

  <div class="text-wrapper">

    <h1 class="main-title">YUNG <span class="thin">UEIO</span></h1>

    <p class="sub-title">Until the end of until death will achieve</p>

    <div class="socials">

      </a>

      <a href="//telegram.me/negativementalattitude" target="_blank" class="icon telegram" id="telegram">

        <svg  preserveaspectratio="xMinYMin meet" viewbox="0 0 200 200" class="circle"> 

          <circle cx="100" cy="100" r="50"/>

        </svg>

        <img src="img/telegram.svg">

      </a>

      <a href="//instagram.com/yungueio" target="_blank" class="icon instagram" id="instagram">

        <svg  preserveaspectratio="xMinYMin meet" viewbox="0 0 200 200" class="circle"> 

          <circle cx="100" cy="100" r="50"/>

        </svg>

        <img src="img/instagram-logo.svg">

      </a>

      <a href="//vk.com/youngbezdar" target="_blank" class="icon vk" id="vk">

        <svg  preserveaspectratio="xMinYMin meet" viewbox="0 0 200 200" class="circle"> 

          <circle cx="100" cy="100" r="50"/>

        </svg>

        <img src="img/vk.svg">

      </a>

    </div>

  </div>

  <script src='https://www.marcoguglie.it/Codepen/AnimatedHeaderBg/demo-1/js/EasePack.min.js'></script>

<script src='https://www.marcoguglie.it/Codepen/AnimatedHeaderBg/demo-1/js/rAF.js'></script>

<script src='https://www.marcoguglie.it/Codepen/AnimatedHeaderBg/demo-1/js/TweenLite.min.js'></script>



  <script type="text/javascript">

    var red = 255;

    var green = 255;

    var blue = 255;







    document.getElementById("vk").addEventListener("mouseenter", function(e){

      red = 69;

      green = 102;

      blue = 142;

    }, true);



    document.getElementById("instagram").addEventListener("mouseenter", function(e){

      red = 193;

      green = 53;

      blue = 132;

    }, true);

    

        document.getElementById("telegram").addEventListener("mouseenter", function(e){

      red = 0;

      green = 136;

      blue = 204;

    }, true);

    

    

    

    

  </script>



    <script  src="js/index.js"></script>







</body>



</html>

tereauk · 18 сен 2019

Хз, ну попробуй блоку social задать CSS стили:
position: absolute;
right: 50%;
left: 50%;

Код
position: absolute;

right: 50%;

left: 50%;

йигорка2005 · 2 окт 2019

DeadInsideGhoul_inactive2311806, пофиксил ? могу помочь ?

yesterday · 2 окт 2019

Я конечно не учитель по русскому, но мне кажется, что правильно пишется - перенести, а не перемести

йигорка2005 · 2 окт 2019

yesterday, Ошибся

REKQQWS · 2 окт 2019

Ошибки не допускать, и норм будет

йигорка2005 · 2 окт 2019

там походу с h1 накасячил

DeadInsideGhoul_inactive2311806 · 2 окт 2019

нихуя не понятно

--- Сообщение объединено с предыдущим 2 окт 2019
помогите с кодом

Сделаю сайт бесплатно за отзыв

[FREE LAND 0/3] САЙТЫ|ВЕРСТКА|БЭКЕНД и многое другое

Оцените Telegram Mini App

Bio сайт

Проблема с клавиатурой IOS в telegram web app.

Персональная карточка Terminal

404 Okak

Фронтенд-разработка сайтов: HTML, CSS и JavaScript

Personal Card

Бесплатный ленд за отзыв

БЕСПЛАТНО создам ЛИЧНО ВАМ сайт за отзыв в тгк

Быстрые и современные веб-сервисы

Кряк DevExpress

Как удалить водяной знак lovable с сгенерированного сайта?

Выживание - Telegram Mini app

БЕСПЛАТНО сверстаю сайт, лендинг, страницу, визитку, под ****** и т.д.

Как прописать анимацию кнопок в QT DESIGNER? CSS

Анонимный чат Telegram Mini-app

Куда в фигме пропал css export?

Что не так в данном SVG файле? почему форум не принимает его?

{FREE} BackEnd/FrontEnd регчек/парс/запросы это я могу

Всем привет оцените первый сайт

Кто поможет сделать такой же блок html, css, js

Курс верстки|БЕСПЛАТНО|+в коммы

Typerscript Discord Plugin AutoMute [Vencord]

Как пользоватся VS CODE для написания кода?

FLS GULP 3.0 Документация

Разработка приложения для отслеживания финансовой статистики

Нужно воспроизвести код java

Чем сейчас занимаются java-программисты?

Как перемести эти значки