Dana1991/sdelay-mne-sayt-vizitku
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v3: added 6 car photos by brand

Browse Source
This commit is contained in:
Dana1991 2026-08-14 10:21:28 +00:00
parent 584b161d12
commit e6a43166a0
1 changed files with 30 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
index.html
View File

@ -91,26 +91,47 @@ body{font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,s
<section id="portfolio" class="section" style="background:var(--gray-50)"> <section id="portfolio" class="section" style="background:var(--gray-50)">
<h2 class="reveal" style="color:#dc2626">📸 Примеры работ</h2> <h2 class="reveal" style="color:#dc2626">📸 Примеры работ</h2>
<p style="text-align:center;color:var(--gray-500);max-width:600px;margin:-30px auto 48px">Более 500 успешных экспертиз</p> <p style="text-align:center;color:var(--gray-500);max-width:600px;margin:-30px auto 48px">Более 500 успешных экспертиз</p>
<div class="cards"> <div class="cards" style="grid-template-columns:repeat(auto-fit,minmax(280px,1fr))">
<div class="card reveal" style="padding:0;overflow:hidden"> <div class="card reveal" style="padding:0;overflow:hidden">
<img src="https://picsum.photos/seed/car1/600/400" alt="Авто 1" style="width:100%;height:200px;object-fit:cover"> <img src="https://loremflickr.com/600/400/lexus" alt="Lexus RX" style="width:100%;height:220px;object-fit:cover">
<div style="padding:24px"> <div style="padding:24px">
<h3>Экспертиза Lexus RX</h3> <h3>🚗 Lexus RX</h3>
<p>Оценка ущерба после ДТП. Выплачено страховой: 3 200 000 ₸</p> <p>Экспертиза после ДТП. Выплачено: 3 200 000 ₸</p>
</div> </div>
</div> </div>
<div class="card reveal" style="padding:0;overflow:hidden"> <div class="card reveal" style="padding:0;overflow:hidden">
<img src="https://picsum.photos/seed/car2/600/400" alt="Авто 2" style="width:100%;height:200px;object-fit:cover"> <img src="https://loremflickr.com/600/400/toyota" alt="Toyota Camry" style="width:100%;height:220px;object-fit:cover">
<div style="padding:24px"> <div style="padding:24px">
<h3>Toyota Camry</h3> <h3>🚗 Toyota Camry</h3>
<p>Досудебная экспертиза. Взыскано: 4 800 000 ₸</p> <p>Досудебная экспертиза. Взыскано: 4 800 000 ₸</p>
</div> </div>
</div> </div>
<div class="card reveal" style="padding:0;overflow:hidden"> <div class="card reveal" style="padding:0;overflow:hidden">
<img src="https://picsum.photos/seed/car3/600/400" alt="Авто 3" style="width:100%;height:200px;object-fit:cover"> <img src="https://loremflickr.com/600/400/kia" alt="Kia K5" style="width:100%;height:220px;object-fit:cover">
<div style="padding:24px"> <div style="padding:24px">
<h3>Kia K5</h3> <h3>🚗 Kia K5</h3>
<p>Оценка рыночной стоимости для суда</p> <p>Оценка для суда. Стоимость: 12 000 000 ₸</p>
</div>
</div>
<div class="card reveal" style="padding:0;overflow:hidden">
<img src="https://loremflickr.com/600/400/mercedes" alt="Mercedes E-Class" style="width:100%;height:220px;object-fit:cover">
<div style="padding:24px">
<h3>🚗 Mercedes E-Class</h3>
<p>Полная оценка ущерба. Выплачено: 5 500 000 ₸</p>
</div>
</div>
<div class="card reveal" style="padding:0;overflow:hidden">
<img src="https://loremflickr.com/600/400/bmw" alt="BMW X5" style="width:100%;height:220px;object-fit:cover">
<div style="padding:24px">
<h3>🚗 BMW X5</h3>
<p>Экспертиза для страховой. Взыскано: 6 200 000 ₸</p>
</div>
</div>
<div class="card reveal" style="padding:0;overflow:hidden">
<img src="https://loremflickr.com/600/400/hyundai" alt="Hyundai Sonata" style="width:100%;height:220px;object-fit:cover">
<div style="padding:24px">
<h3>🚗 Hyundai Sonata</h3>
<p>Оценка рыночной стоимости. Для наследства</p>
</div> </div>
</div> </div>
</div> </div>