12121
Страница: 1
Сообщений 1 страница 12 из 12
Поделиться22024-05-29 10:41:47
1
2
3
Отредактировано tester (2024-05-29 10:41:51)
Поделиться42024-05-29 10:42:00
3
4
5
Отредактировано tester (2024-05-29 10:42:04)
Поделиться62024-05-29 10:42:18
5
5
Отредактировано tester (2024-05-29 10:42:22)
Поделиться112024-06-27 17:38:55
[html]<center><a href="http://cttw.b1.jcink.com/index.php?showuser=2235"><div class="wonmain"><div class="wontitle">гонка</div></a>
<div class="wondesc">добро пожаловать на новую ежесезонную активность! </div><div class="wonmiddle"><div class="woncenter">
<div class="wonleft"><div class="wonleftnumber">01</div><div class="wonleftbox"><div class="wonleftcircle">•</div><div class="wonleftname">первый круг</div><div class="wonlefttext">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eget suscipit nibh, at faucibus erat. Praesent vehicula orci quis luctus pulvinar. Nulla sed maximus sapien. Donec laoreet risus eu purus volutpat efficitur. Donec arcu mauris, venenatis nec sollicitudin vel, tempus ut erat. Nulla nec ex sollicitudin, aliquet orci vel, tristique nisi. Pellentesque turpis sem, pharetra ornare mi quis, consequat tincidunt mauris. Maecenas varius vestibulum accumsan.</div></div></div>
<div class="wonright"><div class="wonrightnumber">02</div> <div class="wonrightbox"><div class="wonrightcircle">•</div><div class="wonrightname">второй круг</div><div class="wonrighttext">In a porta lorem, eget egestas sem. Sed id est vel sapien lacinia iaculis. Quisque neque neque, auctor ac maximus vitae, tristique sed tortor. Phasellus imperdstique sit amet justo.</div></div></div>
<div class="wonleft"><div class="wonleftnumber">03</div><div class="wonleftbox"><div class="wonleftcircle">•</div><div class="wonleftname">третий круг</div><div class="wonlefttext">[Список заданий будет открыт 15/07]</div></div></div>
<div class="wonright"><div class="wonrightnumber">04</div> <div class="wonrightbox"><div class="wonrightcircle">•</div><div class="wonrightname">четвертый круг</div><div class="wonrighttext">[Список заданий будет открыт 22/07] </div></div></div>
</div></div></div></center>
<link href="https://fonts.googleapis.com/css?family=Raleway:900&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Lato:400,900" rel="stylesheet">
<style type="text/css">
.wonmain { border:1px solid #d7d7d7; line-height:normal; width:460px; padding:20px; background-color:white; color:#000; }
.wonmain a { text-decoration:none; color:#000; font-weight:900; }
.wonmain b { color:#c6cfdf; font-weight:900; }
.wontitle { font-family:raleway; font-size:40px; color:#c6cfdf; }
.wondesc { width:300px; font-family:lato; font-weight:400; font-size:10px; text-align:justify; margin-bottom:15px; color:#000; }
.wonmiddle { width:0px; position:relative; padding-bottom:70px; border-right:1px solid #000; }
.woncenter { position:relative; right:125px; }
.wonleft { width:250px; position:relative; right:90px; }
.wonleftnumber { font-family:raleway; font-weight:900; letter-spacing:-3px; font-size:80px; color:#c6cfdf; position:absolute; top:0px; left:0px; z-index:1; }
.wonleftbox { position:relative; z-index:2; right:10px; top:45px; }
.wonleftcircle { position:absolute; right:20px; font-family:arial; font-size:30px; top:-5px; }
.wonleftname { font-family:lato; font-weight:900; color:#000; font-size:10px; width:200px; padding:5px 0px 5px 0px; text-transform:uppercase; text-align:left; border-top:1px solid #000; border-bottom:1px solid #000; margin-bottom:16px; }
.wonlefttext { margin-right:20px; width:180px; text-align:justify; font-family:lato; font-weight:400; line-height:13px; font-size:10px; color:#000; }
.wonright { width:250px; position:relative; left:90px; }
.wonrightnumber { font-family:raleway; font-weight:900; letter-spacing:-3px; font-size:80px; color:#c6cfdf; position:absolute; top:0px; right:0px; z-index:1; }
.wonrightbox { position:relative; z-index:2; left:10px; top:45px; }
.wonrightcircle { position:absolute; left:20px; font-family:arial; font-size:30px; top:-5px; }
.wonrightname { font-family:lato; font-weight:900; color:#000; font-size:10px; width:200px; padding:5px 0px 5px 0px; text-transform:uppercase; text-align:right; border-top:1px solid #000; border-bottom:1px solid #000; margin-bottom:16px; }
.wonrighttext { margin-left:20px; width:180px; text-align:justify; font-family:lato; font-weight:400; line-height:13px; font-size:10px; color:#000; }
</style>[/html]
Поделиться122024-06-29 21:59:07
[html]<center><div class="bm-container">
<div class="bm-image-header"></div>
<div class="bm-info-container">
<div class="bm-para-info">
<div class="bm-para-info-stats">oh babe hold me closely</div>
<div class="bm-para-info-deets">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse at risus ipsum. Curabitur lectus metus, consequat a pulvinar a, scelerisque vitae nibh. Maecenas et sem vel neque ornare mollis. Fusce libero mi, iaculis non leo nec, elementum ultricies nibh. Praesent molestie et diam vitae viverra.
<br></div></div></div>
<div class="b2-info-container">
<div class=".b2-para-info">
<div class="b2-para-info-deets">
<hr/>
Praesent sit amet viverra velit. Ut lectus ligula, convallis vel lobortis ut, pretium ac velit. Cras lobortis neque nisl. Cras ligula dolor, mollis vitae justo sed, egestas scelerisque
tellus. Suspendisse at tincidunt tellus. Duis semper, nunc ut blandit luctus, mi lectus suscipit ex, sed condimentum est enim sed quam. Praesent magna velit, euismod vel rutrum ac, sollicitudin eget odio. Proin et nunc a velit ultricies varius eget quis odio. Nam vulputate consectetur ligula id eleifend. In urna turpis, rhoncus sit amet egestas id, bibendum tristique arcu. Sed turpis dui, ultrices nec enim a, volutpat mattis magna. Nullam interdum augue vitae tincidunt bibendum. In vehicula arcu eget odio facilisis vestibulum.<br>
Aliquam erat volutpat. Fusce faucibus ex arcu, aliquet lobortis nulla accumsan nec. Phasellus nisi diam, vulputate eget interdum ac, euismod sed mauris. Donec nulla tortor, pretium sit amet nunc a, finibus placerat enim. Phasellus quis risus et arcu gravida rhoncus non nec sapien. Suspendisse vel eros nec enim sagittis vulputate. <p> <hr/>
<table table-layout=fixed;
width=600px >
<tr>
<td>Какая-то информация в формате столбцов страницы<br>
<br>
</td>
<td>Какая-то информация в формате столбцов страницы<br>
<br>
</td>
</tr>
</table>
mi in, aliquet malesuada eros. Mauris vitae aliquam augue. Mauris velit leo, dignissim vel convallis in, semper ac lorem. Duis tincidunt ac odio at rhoncus. Quisque consequat nulla at felis suscipit sollicitudin. Aenean consectetur ligula quis risus faucibus scelerisque sit amet sed risus. Nulla consectetur tellus ex, id facilisis ligula convallis iaculis.
</div></div>
</div>
</div>
</center>
<link href="https://fonts.googleapis.com/css2?family=Montserrat&family=Rubik:wght@600&display=swap" rel="stylesheet">
<style> .bm-container {width: 650px;height: auto;background-color: #fff;border: 0px; border-radius:20px;}
.bm-info-container {width: 400px; height: fit-content;position: center;margin:-150px 0px 0px;padding:20px;}
.bm-para-info {color:white;
width: 400px;font-family:montserrat;border-radius:20px;margin:-20px;background-color:#634a7a; position: center; height: auto; padding:2px;}
.b2-info-container {width: 600px; height: fit-content;position: center;margin:10px 0px 0px;padding:20px;}
.b2-para-info {color:#1e1908;
width: 600px;font-family:montserrat;border-radius:20px;margin:20px;background-color:#1f7498; position: center; height: auto; padding:2px;}
.b2-para-info-deets {margin:0px;text-align:justify;font-family:montserrat;font-size:12px;line-height:20px;height:100px;height: fit-content;}
hr {height: 2px;
background-color: #634a7a;
border:none;
}
.bm-image-header { width: 650px; height: 250px;margin:0px 0px 0px;
background:url('https://i.ibb.co/R6JsCH6/dsfdbbvbd.png');background-size: cover;background-position: center;border-radius:20px;}
.bm-para-info-stats {margin:20px;text-align:center;font-family:rubik;text-transform:uppercase;color:#fff;font-size:12px;}
.bm-para-info-deets {margin:20px;text-align:justify;font-family:montserrat;font-size:12px;line-height:20px;height:110px;height: fit-content;}
</style>[/html]
Страница: 1