Skip to content

Commit

Permalink
контентні картинки
Browse files Browse the repository at this point in the history
  • Loading branch information
@OlenaIa
OlenaIa committed Feb 27, 2023
1 parent 9fd2a25 commit 5fddb46
Show file tree
Hide file tree
Showing 64 changed files with 236 additions and 54 deletions.
283 changes: 229 additions & 54 deletions Portfolio.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -82,12 +82,35 @@ <h2 class="visually-hidden">Projects</h2>
<li class="card-item">
<a href="" class="card-link"
><div class="wrapper-overlay">
<img
src="./images/banking.jpg"
alt="Banking App"
width="360"
height="300"
/>
<picture>
<source
srcset="
./images/banking-desktop.jpg 1x,
./images/banking-desktop@2x.jpg 2x
"
media="(min-width: 1200px)"
/>
<source
srcset="
./images/banking-tablet.jpg 1x,
./images/banking-tablet@2x.jpg 2x
"
media="(min-width: 768px)"
/>
<source
srcset="
./images/banking-mobile.jpg 1x,
./images/banking-mobile@2x.jpg 2x
"
media="(max-width: 767px)"
/>
<img
src="./images/banking-mobile.jpg"
alt="Banking App"
width="360"
height="300"
/>
</picture>
<p class="overlay">
14 Stylish and User-Friendly App Design Concepts · Task
Manager App · Calorie Tracker App · Exotic Fruit Ecommerce
Expand All @@ -103,12 +126,31 @@ <h3 class="card-ttl ttl">Banking App Interface Concept</h3>
<li class="card-item">
<a href="" class="card-link"
><div class="wrapper-overlay">
<img
src="./images/qrcode.jpg"
alt="QR code"
width="360"
height="300"
/>
<picture>
<source
srcset="
./images/qrcode-desktop.jpg 1x,
./images/qrcode-desktop@2x.jpg 2x
"
media="(min-width: 1200px)" />
<source
srcset="
./images/qrcode-tablet.jpg 1x,
./images/qrcode-tablet@2x.jpg 2x
"
media="(min-width: 768px)" />
<source
srcset="
./images/qrcode-mobile.jpg 1x,
./images/qrcode-mobile@2x.jpg 2x
"
media="(max-width: 767px)" />
<img
src="./images/qrcode-mobile.jpg"
alt="QR code"
width="360"
height="300"
/></picture>
<p class="overlay">
14 Stylish and User-Friendly App Design Concepts · Task
Manager App · Calorie Tracker App · Exotic Fruit Ecommerce
Expand All @@ -124,12 +166,31 @@ <h3 class="card-ttl ttl">Cashless Payment</h3>
<li class="card-item">
<a href="" class="card-link"
><div class="wrapper-overlay">
<img
src="./images/notebook.jpg"
alt="Notebook"
width="360"
height="300"
/>
<picture>
<source
srcset="
./images/notebook-desktop.jpg 1x,
./images/notebook-desktop@2x.jpg 2x
"
media="(min-width: 1200px)" />
<source
srcset="
./images/notebook-tablet.jpg 1x,
./images/notebook-tablet@2x.jpg 2x
"
media="(min-width: 768px)" />
<source
srcset="
./images/notebook-mobile.jpg 1x,
./images/notebook-mobile@2x.jpg 2x
"
media="(max-width: 767px)" />
<img
src="./images/notebook-mobile.jpg"
alt="Notebook"
width="360"
height="300"
/></picture>
<p class="overlay">
14 Stylish and User-Friendly App Design Concepts · Task
Manager App · Calorie Tracker App · Exotic Fruit Ecommerce
Expand All @@ -145,12 +206,31 @@ <h3 class="card-ttl ttl">Meditaion App</h3>
<li class="card-item">
<a href="" class="card-link"
><div class="wrapper-overlay">
<img
src="./images/car.jpg"
alt="Car steering wheel"
width="360"
height="300"
/>
<picture>
<source
srcset="
./images/car-desktop.jpg 1x,
./images/car-desktop@2x.jpg 2x
"
media="(min-width: 1200px)" />
<source
srcset="
./images/car-tablet.jpg 1x,
./images/car-tablet@2x.jpg 2x
"
media="(min-width: 768px)" />
<source
srcset="
./images/car-mobile.jpg 1x,
./images/car-mobile@2x.jpg 2x
"
media="(max-width: 767px)" />
<img
src="./images/car-mobile.jpg"
alt="Car steering wheel"
width="360"
height="300"
/></picture>
<p class="overlay">
14 Stylish and User-Friendly App Design Concepts · Task
Manager App · Calorie Tracker App · Exotic Fruit Ecommerce
Expand All @@ -166,12 +246,31 @@ <h3 class="card-ttl ttl">Taxi Service</h3>
<li class="card-item">
<a href="" class="card-link"
><div class="wrapper-overlay">
<img
src="./images/cellphone.jpg"
alt="Cellphone"
width="360"
height="300"
/>
<picture>
<source
srcset="
./images/cellphone-desktop.jpg 1x,
./images/cellphone-desktop@2x.jpg 2x
"
media="(min-width: 1200px)" />
<source
srcset="
./images/cellphone-tablet.jpg 1x,
./images/cellphone-tablet@2x.jpg 2x
"
media="(min-width: 768px)" />
<source
srcset="
./images/cellphone-mobile.jpg 1x,
./images/cellphone-mobile@2x.jpg 2x
"
media="(max-width: 767px)" />
<img
src="./images/cellphone-mobile.jpg"
alt="Cellphone"
width="360"
height="300"
/></picture>
<p class="overlay">
14 Stylish and User-Friendly App Design Concepts · Task
Manager App · Calorie Tracker App · Exotic Fruit Ecommerce
Expand All @@ -187,12 +286,31 @@ <h3 class="card-ttl ttl">Screen Illustrations</h3>
<li class="card-item">
<a href="" class="card-link"
><div class="wrapper-overlay">
<img
src="./images/girl.jpg"
alt="Girl"
width="360"
height="300"
/>
<picture>
<source
srcset="
./images/girl-desktop.jpg 1x,
./images/girl-desktop@2x.jpg 2x
"
media="(min-width: 1200px)" />
<source
srcset="
./images/girl-tablet.jpg 1x,
./images/girl-tablet@2x.jpg 2x
"
media="(min-width: 768px)" />
<source
srcset="
./images/girl-mobile.jpg 1x,
./images/girl-mobile@2x.jpg 2x
"
media="(max-width: 767px)" />
<img
src="./images/girl-mobile.jpg"
alt="Girl"
width="360"
height="300"
/></picture>
<p class="overlay">
14 Stylish and User-Friendly App Design Concepts · Task
Manager App · Calorie Tracker App · Exotic Fruit Ecommerce
Expand All @@ -208,12 +326,31 @@ <h3 class="card-ttl ttl">Online Courses</h3>
<li class="card-item">
<a href="" class="card-link"
><div class="wrapper-overlay">
<img
src="./images/persons.jpg"
alt="Persons"
width="360"
height="300"
/>
<picture>
<source
srcset="
./images/persons-desktop.jpg 1x,
./images/persons-desktop@2x.jpg 2x
"
media="(min-width: 1200px)" />
<source
srcset="
./images/persons-tablet.jpg 1x,
./images/persons-tablet@2x.jpg 2x
"
media="(min-width: 768px)" />
<source
srcset="
./images/persons-mobile.jpg 1x,
./images/persons-mobile@2x.jpg 2x
"
media="(max-width: 767px)" />
<img
src="./images/persons-mobile.jpg"
alt="Persons"
width="360"
height="300"
/></picture>
<p class="overlay">
14 Stylish and User-Friendly App Design Concepts · Task
Manager App · Calorie Tracker App · Exotic Fruit Ecommerce
Expand All @@ -229,12 +366,31 @@ <h3 class="card-ttl ttl">Instagram Stories Concept</h3>
<li class="card-item">
<a href="" class="card-link"
><div class="wrapper-overlay">
<img
src="./images/fruit.jpg"
alt="Fruit"
width="360"
height="300"
/>
<picture>
<source
srcset="
./images/fruit-desktop.jpg 1x,
./images/fruit-desktop@2x.jpg 2x
"
media="(min-width: 1200px)" />
<source
srcset="
./images/fruit-tablet.jpg 1x,
./images/fruit-tablet@2x.jpg 2x
"
media="(min-width: 768px)" />
<source
srcset="
./images/fruit-mobile.jpg 1x,
./images/fruit-mobile@2x.jpg 2x
"
media="(max-width: 767px)" />
<img
src="./images/fruit-mobile.jpg"
alt="Fruit"
width="360"
height="300"
/></picture>
<p class="overlay">
14 Stylish and User-Friendly App Design Concepts · Task
Manager App · Calorie Tracker App · Exotic Fruit Ecommerce
Expand All @@ -250,12 +406,31 @@ <h3 class="card-ttl ttl">Organic Food</h3>
<li class="card-item">
<a href="" class="card-link"
><div class="wrapper-overlay">
<img
src="./images/coffee.jpg"
alt="Coffee"
width="360"
height="300"
/>
<picture>
<source
srcset="
./images/coffee-desktop.jpg 1x,
./images/coffee-desktop@2x.jpg 2x
"
media="(min-width: 1200px)" />
<source
srcset="
./images/coffee-tablet.jpg 1x,
./images/coffee-tablet@2x.jpg 2x
"
media="(min-width: 768px)" />
<source
srcset="
./images/coffee-mobile.jpg 1x,
./images/coffee-mobile@2x.jpg 2x
"
media="(max-width: 767px)" />
<img
src="./images/coffee-mobile.jpg"
alt="Coffee"
width="360"
height="300"
/></picture>
<p class="overlay">
14 Stylish and User-Friendly App Design Concepts · Task
Manager App · Calorie Tracker App · Exotic Fruit Ecommerce
Expand Down
0 images/banking.jpg → images/banking-desktop.jpg
View file
File renamed without changes
Binary file added images/banking-desktop@2x.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/banking-mobile.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/banking-mobile@2x.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/banking-tablet.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/banking-tablet@2x.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/camila@2x.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
0 images/car.jpg → images/car-desktop.jpg
View file
File renamed without changes
Binary file added images/car-desktop@2x.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/car-mobile.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/car-mobile@2x.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/car-tablet.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/car-tablet@2x.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
0 images/cellphone.jpg → images/cellphone-desktop.jpg
View file
File renamed without changes
Binary file added images/cellphone-desktop@2x.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/cellphone-mobile.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/cellphone-mobile@2x.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/cellphone-tablet.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/cellphone-tablet@2x.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
0 images/coffee.jpg → images/coffee-desktop.jpg
View file
File renamed without changes
Binary file added images/coffee-desktop@2x.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/coffee-mobile.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/coffee-mobile@2x.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/coffee-tablet.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/coffee-tablet@2x.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/daniel@2x.jpg
View file
0 images/fruit.jpg → images/fruit-desktop.jpg
View file
File renamed without changes
Binary file added images/fruit-desktop@2x.jpg
View file
Binary file added images/fruit-mobile.jpg
View file
Binary file added images/fruit-mobile@2x.jpg
View file
Binary file added images/fruit-tablet.jpg
View file
Binary file added images/fruit-tablet@2x.jpg
View file
0 images/girl.jpg → images/girl-desktop.jpg
View file
File renamed without changes
Binary file added images/girl-desktop@2x.jpg
View file
Binary file added images/girl-mobile.jpg
View file
Binary file added images/girl-mobile@2x.jpg
View file
Binary file added images/girl-tablet.jpg
View file
Binary file added images/girl-tablet@2x.jpg
View file
Binary file added images/img1@2x.jpg
View file
Binary file added images/img2@2x.jpg
View file
Binary file added images/img3@2x.jpg
View file
Binary file added images/mark@2x.jpg
View file
0 images/notebook.jpg → images/notebook-desktop.jpg
View file
File renamed without changes
Binary file added images/notebook-desktop@2x.jpg
View file
Binary file added images/notebook-mobile.jpg
View file
Binary file added images/notebook-mobile@2x.jpg
View file
Binary file added images/notebook-tablet.jpg
View file
Binary file added images/notebook-tablet@2x.jpg
View file
Binary file added images/people-office@2x.jpg
View file
0 images/persons.jpg → images/persons-desktop.jpg
View file
File renamed without changes
Binary file added images/persons-desktop@2x.jpg
View file
Binary file added images/persons-mobile.jpg
View file
Binary file added images/persons-mobile@2x.jpg
View file
Binary file added images/persons-tablet.jpg
View file
Binary file added images/persons-tablet@2x.jpg
View file
0 images/qrcode.jpg → images/qrcode-desktop.jpg
View file
File renamed without changes
Binary file added images/qrcode-desktop@2x.jpg
View file
Binary file added images/qrcode-mobile.jpg
View file
Binary file added images/qrcode-mobile@2x.jpg
View file
Binary file added images/qrcode-tablet.jpg
View file
Binary file added images/qrcode-tablet@2x.jpg
View file
Binary file added images/tom@2x.jpg
View file
Loading

0 comments on commit 5fddb46

Please sign in to comment.