change

admin/404.html

@@ -25,7 +25,7 @@
 					<li class="language"><a class="eng">EN</a>
 						<a class="rus">RU</a>
 					</li>
-					<li><a href="#"><img src="./assets/img/search.svg" alt="" /></a></li>
+					<li><a href="#"><img src="./assets/img/search.png" alt="" /></a></li>
 				</ul>
 			</nav>
 			<nav id="profile">
@@ -55,7 +55,7 @@
 	</div>
 
 	<section class="mistake">
-		<img src="./assets/img/404.svg" alt="" />
+		<img src="./assets/img/404.png" alt="" />
 		<h1 class="slogan">Sorry, this page is not found</h1>
 		<h4 class="subtitle">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor ut labore et
 			dolore magna aliqua. <br> Lorem ipsum dolor sit amet, consectetur adipiscing elit</h4>
@@ -69,7 +69,7 @@
 	<footer>
 		<div class="wr">
 
-			<a href="#" class="logo"><img src="./assets/img/logo.svg" alt="" /></a>
+			<a href="#" class="logo"><img src="./assets/img/logo.png" alt="" /></a>
 			<nav id="footerMenu">
 				<ul>
 					<li><a href="#upside">Преимущества</a></li>

admin/admin.html

@@ -87,12 +87,12 @@
 						<button class="btn-form" type="submit">create account</button>
 						<p class="pre_social">Вход через социальные сети</p>
 						<div class="row social">
-							<div class="col"><a href="#"><img src="./assets/img/facebook.svg" alt=""></a></div>
-							<div class="col"><a href="#"><img src="./assets/img/google.svg" alt=""></a>
+							<div class="col"><a href="#"><img src="./assets/img/facebook.png" alt=""></a></div>
+							<div class="col"><a href="#"><img src="./assets/img/google.png" alt=""></a>
 							</div>
-							<div class="col"><a href="#"><img src="./assets/img/twitter.svg" alt=""></a>
+							<div class="col"><a href="#"><img src="./assets/img/twitter.png" alt=""></a>
 							</div>
-							<div class="col"><a href="#"><img src="./assets/img/github.svg" alt=""></a>
+							<div class="col"><a href="#"><img src="./assets/img/github.png" alt=""></a>
 							</div>
 						</div>
 						<p class="footer_text">Already have an account? <a id="log_in" class="footer_a" type="button"
@@ -104,7 +104,7 @@
 				<div class="col">
 					<form class="needs-validation" novalidate>
 						<h5 class="modal-title" id="exampleModalLongTitle">Sing In </h5>
-						<img class="sing_in" src="./assets/img/darklogo.svg" alt="" />
+						<img class="sing_in" src="./assets/img/darklogo.png" alt="" />
 						<div class="form-row">
 
 							<label for="validationCustom02">Email<sup>*</sup></label>
@@ -120,12 +120,12 @@
 						<button class="btn-form" type="submit">Sing in</button>
 						<p class="pre_social">Вход через социальные сети</p>
 						<div class="row social">
-							<div class="col"><a href="#"><img src="./assets/img/facebook.svg" alt=""></a></div>
-							<div class="col"><a href="#"><img src="./assets/img/google.svg" alt=""></a>
+							<div class="col"><a href="#"><img src="./assets/img/facebook.png" alt=""></a></div>
+							<div class="col"><a href="#"><img src="./assets/img/google.png" alt=""></a>
 							</div>
-							<div class="col"><a href="#"><img src="./assets/img/twitter.svg" alt=""></a>
+							<div class="col"><a href="#"><img src="./assets/img/twitter.png" alt=""></a>
 							</div>
-							<div class="col"><a href="#"><img src="./assets/img/github.svg" alt=""></a>
+							<div class="col"><a href="#"><img src="./assets/img/github.png" alt=""></a>
 							</div>
 						</div>
 						<p class="footer_text">Dont have an account?
@@ -153,7 +153,7 @@
 
 	<footer>
 		<div class="wr">
-			<a href="#" class="logo"><img src="./assets/img/logo.svg" alt="" /></a>
+			<a href="#" class="logo"><img src="./assets/img/logo.png" alt="" /></a>
 			<nav id="footerMenu">
 				<ul>
 					<li><a href="#upside">Преимущества</a></li>

admin/assets/css/main.css

@@ -423,7 +423,7 @@ footer > .wr .btn_icon .btn_top:hover::after {
 }
 
 #myHeader.header > .wr .logo {
-  background: url(../img/darklogo.svg) no-repeat;
+  background: url(../img/darklogo.png) no-repeat;
   background-size: 100%;
   background-position-y: 50%;
 }
@@ -583,7 +583,7 @@ footer > .wr .btn_icon .btn_top:hover::after {
   height: 60px;
   width: 170px;
   margin-top: 20px;
-  background: url(../img/logo.svg) no-repeat;
+  background: url(../img/logo.png) no-repeat;
   background-position-y: 50%;
 }
 
@@ -996,12 +996,12 @@ footer > .wr .btn_icon .btn_top:hover::after {
   display: inline-block;
   width: 20px;
   height: 20px;
-  background: url(https://snipp.ru/demo/495/view.svg) 0 0 no-repeat;
+  background: url(https://snipp.ru/demo/495/view.png) 0 0 no-repeat;
   opacity: 0.2;
 }
 
 .needs-validation .form-row .password .password-control.view {
-  background: url(https://snipp.ru/demo/495/no-view.svg) 0 0 no-repeat;
+  background: url(https://snipp.ru/demo/495/no-view.png) 0 0 no-repeat;
   opacity: 0.2;
 }
 
@@ -1443,7 +1443,7 @@ main .modal-dialog-centered .modal-content .modal-body form .form-body--bottom_k
   width: 30px;
   height: 30px;
   right: 5px;
-  background-image: url(../img/more.svg);
+  background-image: url(../img/more.png);
 }
 
 .card .more:hover {
@@ -1452,7 +1452,7 @@ main .modal-dialog-centered .modal-content .modal-body form .form-body--bottom_k
 }
 
 .card .more.more_active {
-  background-image: url(../img/more_active.svg);
+  background-image: url(../img/more_active.png);
 }
 
 .card .open {

admin/assets/css/sass/_profile_header.scss

@@ -11,7 +11,7 @@
 			display: flex;
 			justify-content: space-between;
 			.logo {
-				background: url(../img/darklogo.svg) no-repeat;
+				background: url(../img/darklogo.png) no-repeat;
 				background-size: 100%;
 				background-position-y: 50%;
 			}
@@ -146,7 +146,7 @@
 			height: 60px;
 			width: 170px;
 			margin-top: 20px;
-			background: url(../img/logo.svg) no-repeat;
+			background: url(../img/logo.png) no-repeat;
 			background-position-y: 50%;
 
 			@include _830 {

admin/assets/css/sass/_project.scss

@@ -241,13 +241,13 @@ main {
 		width: 30px;
 		height: 30px;
 		right: 5px;
-		background-image: url(../img/more.svg);
+		background-image: url(../img/more.png);
 
 		&:hover {
 			filter: drop-shadow(0px 6px 18px rgba(0, 0, 0, 0.06));
 		}
 		&.more_active {
-			background-image: url(../img/more_active.svg);
+			background-image: url(../img/more_active.png);
 		}
 	}
 

admin/assets/css/sass/_reg.scss

@@ -120,11 +120,11 @@
 				display: inline-block;
 				width: 20px;
 				height: 20px;
-				background: url(https://snipp.ru/demo/495/view.svg) 0 0 no-repeat;
+				background: url(https://snipp.ru/demo/495/view.png) 0 0 no-repeat;
 				opacity: 0.2;
 			}
 			.password-control.view {
-				background: url(https://snipp.ru/demo/495/no-view.svg) 0 0 no-repeat;
+				background: url(https://snipp.ru/demo/495/no-view.png) 0 0 no-repeat;
 				opacity: 0.2;
 			}
 		}

admin/project.html

@@ -25,7 +25,7 @@
 					<li class="language"><a href="#" class="eng active" href="#">EN</a>
 						<a class="rus" href="#">RU</a>
 					</li>
-					<li><a href="#"><img src="./assets/img/search.svg" alt="" /></a></li>
+					<li><a href="#"><img src="./assets/img/search.png" alt="" /></a></li>
 				</ul>
 			</nav>
 			<nav id="profile">
@@ -70,7 +70,7 @@
 						<div class="modal-body">
 							<form>
 								<div class="form-header" id="header_add">
-									<img src="./assets/img/modal-key/add.svg" alt="" />
+									<img src="./assets/img/modal-key/add.png" alt="" />
 									<h4 class="form-title title-hover" id="add_title">Give access to users and groups
 									</h4>
 									<p class="hidden_text">Who get access: <a href="#"> Sydorenko Anna</a></p>
@@ -92,7 +92,7 @@
 									</div>
 
 									<div class="float">
-										<img src="./assets/img/modal-key/earth.svg" alt="" />
+										<img src="./assets/img/modal-key/earth.png" alt="" />
 										<div class="float_left ">
 											<div class="col-md-3 position-relative">
 												<select class="form-select" id="validationTooltip04" required>
@@ -121,17 +121,17 @@
 						<div class="modal-body">
 							<form class="form-bottom-key">
 								<div class="form-header" id="header_copy">
-									<img src="./assets/img/modal-key/copy.svg" alt="" />
+									<img src="./assets/img/modal-key/copy.png" alt="" />
 									<h4 class="form-title" id="copy_title">Copy the key</h4><a href="#"
-										class="copy_hover"><img src="./assets/img/modal-key/copy_24px.svg" alt="" /></a>
+										class="copy_hover"><img src="./assets/img/modal-key/copy_24px.png" alt="" /></a>
 									<p class="hidden_text">Available to users who have a key</p>
 								</div>
 								<div class="form-body form-body--bottom_key" id="copy">
 									<input type="text" class="form-control" value="Ahg2Ahhcfjd456jhHJKJ" disabled />
-									<a href="#" class="copy_link"><img src="./assets/img/modal-key/copy_24px.svg"
+									<a href="#" class="copy_link"><img src="./assets/img/modal-key/copy_24px.png"
 											alt="" /></a>
 									<div class="float">
-										<img src="./assets/img/modal-key/earth.svg" alt="" />
+										<img src="./assets/img/modal-key/earth.png" alt="" />
 										<div class="float_left ">
 											<div class="col-md-3 position-relative">
 												<select class="form-select" id="validationTooltip04" required>
@@ -175,28 +175,28 @@
 						<div class="open">
 							<div class="row ">
 								<div class="col"><a class="check" style="background-color: #D90C0C;"><img
-											class="check_img" src="./assets/img/active.svg" alt="" /></a></div>
+											class="check_img" src="./assets/img/active.png" alt="" /></a></div>
 								<div class="col"><a class="check" style="background-color: #E74C41;"><img
-											class="check_img" src="./assets/img/active.svg" alt="" /></a></div>
+											class="check_img" src="./assets/img/active.png" alt="" /></a></div>
 								<div class="col"><a class="check" style="background-color: #DA8726;"><img
-											class="check_img" src="./assets/img/active.svg" alt="" /></a></div>
+											class="check_img" src="./assets/img/active.png" alt="" /></a></div>
 								<div class="col"><a class="check" style="background-color: #FCB834;"><img
-											class="check_img" src="./assets/img/active.svg" alt="" /></a></div>
+											class="check_img" src="./assets/img/active.png" alt="" /></a></div>
 								<div class="col"><a class="check" style="background-color: #FFE600;"><img
-											class="check_img" src="./assets/img/active.svg" alt="" /></a></div>
+											class="check_img" src="./assets/img/active.png" alt="" /></a></div>
 							</div>
 							<div class="row">
 								<div class="col"><a class="check" style="background-color: #2FD620;"><img
-											class="check_img" src="./assets/img/active.svg" alt="" /></a></div>
+											class="check_img" src="./assets/img/active.png" alt="" /></a></div>
 								<div class="col"><a class="check" style="background-color: #11D3A5;"><img
-											class="check_img" src="./assets/img/active.svg" alt="" /></a></div>
+											class="check_img" src="./assets/img/active.png" alt="" /></a></div>
 								<div class="col"><a class="check" style="background-color: #13E6E6;"><img
-											class="check_img" src="./assets/img/active.svg" alt="" /></a></div>
+											class="check_img" src="./assets/img/active.png" alt="" /></a></div>
 								<div class="col"><a class="check" style="background-color: #41ACE9 ;"><img
-											class="check_img" src="./assets/img/active.svg" alt="" /></a></div>
+											class="check_img" src="./assets/img/active.png" alt="" /></a></div>
 								<div class="col">
 									<a class="check" style="background-color: #0F7ADD;">
-										<img class="check_img active" src="./assets/img/active.svg" alt="" />
+										<img class="check_img active" src="./assets/img/active.png" alt="" />
 									</a>
 								</div>
 							</div>
@@ -204,36 +204,36 @@
 								<div class="col">
 
 									<a class="check" style="background-color: #510FDD;"><img class="check_img"
-											src="./assets/img/active.svg" alt="" /></a>
+											src="./assets/img/active.png" alt="" /></a>
 								</div>
 								<div class="col"><a class="check" style="background-color: #BC12E7;"><img
-											class="check_img" src="./assets/img/active.svg" alt="" /></a></div>
+											class="check_img" src="./assets/img/active.png" alt="" /></a></div>
 								<div class="col"><a class="check" style="background-color: #CF0D99;"><img
-											class="check_img" src="./assets/img/active.svg" alt="" /></a></div>
+											class="check_img" src="./assets/img/active.png" alt="" /></a></div>
 								<div class="col"><a class="check" style="background-color: #FB527B;"><img
-											class="check_img" src="./assets/img/active.svg" alt="" /></a></div>
+											class="check_img" src="./assets/img/active.png" alt="" /></a></div>
 								<div class="col"><a class="check" style="background-color: #1E1F4F;"><img
-											class="check_img" src="./assets/img/active.svg" alt="" /></a></div>
+											class="check_img" src="./assets/img/active.png" alt="" /></a></div>
 							</div>
 						</div>
 						<div class="drop-menu">
 							<a type="button" class="dropdown-item" data-toggle="modal" data-target="#get_the_key"><img
-									src="./assets/img/link_24px.svg" alt="" /> Get the
+									src="./assets/img/link_24px.png" alt="" /> Get the
 								key</a>
-							<a class="dropdown-item"><img src="./assets/img/rename.svg" alt="" /> Rename</a>
+							<a class="dropdown-item"><img src="./assets/img/rename.png" alt="" /> Rename</a>
 							<a id="color" class="dropdown-item active" data-toggle="dropdown">
-								<img src="./assets/img/color_lens_24px.svg" alt="" />
+								<img src="./assets/img/color_lens_24px.png" alt="" />
 								Change color
 							</a>
 
-							<a class="dropdown-item"><img src="./assets/img/info_outline_24px.svg" alt="" /> Show
+							<a class="dropdown-item"><img src="./assets/img/info_outline_24px.png" alt="" /> Show
 								properties</a>
-							<a class="dropdown-item"><img src="./assets/img/download_24px.svg" alt="" />
+							<a class="dropdown-item"><img src="./assets/img/download_24px.png" alt="" />
 								Download</a>
-							<a class="dropdown-item"><img src="./assets/img/delete_24px.svg" alt="" /> Delet
+							<a class="dropdown-item"><img src="./assets/img/delete_24px.png" alt="" /> Delet
 								project</a>
 						</div>
-						<img class="card-img-center" src="./assets/img/blue.svg" alt="Card image cap" />
+						<img class="card-img-center" src="./assets/img/blue.png" alt="Card image cap" />
 						<div class="card-body">
 							<h5 class="card-title"><a>Product name</a></h5>
 							<p class="card-text">Lorem ipsum</p>
@@ -254,7 +254,7 @@
 				<div class="col-md-6 col-lg-4 ">
 					<div class="card h-100">
 						<a class="more"></a>
-						<img class="card-img-center" src="./assets/img/green.svg" alt="Card image cap" />
+						<img class="card-img-center" src="./assets/img/green.png" alt="Card image cap" />
 						<div class="card-body">
 							<h5 class="card-title green"><a>Lorem, ipsum dolor sit amet consectetur Lorem, ipsum dolor
 									sit amet consectetur Lorem, ipsum dolor sit amet consectetur Lorem, ipsum dolor sit
@@ -277,7 +277,7 @@
 				<div class="col-md-6 col-lg-4 ">
 					<div class="card h-100">
 						<a class="more"></a>
-						<img class="card-img-center" src="./assets/img/yellow.svg" alt="Card image cap" />
+						<img class="card-img-center" src="./assets/img/yellow.png" alt="Card image cap" />
 						<div class="card-body">
 							<h5 class="card-title yellow"><a>Product name</a></h5>
 							<p class="card-text">Lorem ipsum</p>
@@ -298,7 +298,7 @@
 				<div class="col-md-6 col-lg-4 ">
 					<div class="card h-100">
 						<a class="more"></a>
-						<img class="card-img-center" src="./assets/img/red.svg" alt="Card image cap" />
+						<img class="card-img-center" src="./assets/img/red.png" alt="Card image cap" />
 						<div class="card-body">
 							<h5 class="card-title red"><a>Product name</a></h5>
 							<p class="card-text">Lorem ipsum</p>
@@ -320,7 +320,7 @@
 					<div class="card h-100">
 
 						<div class="card-body">
-							<h5 class="card-title add"><a href="#"><img src="./assets/img/add.svg" alt=""></a></h5>
+							<h5 class="card-title add"><a href="#"><img src="./assets/img/add.png" alt=""></a></h5>
 
 						</div>
 					</div>