mirror of
https://github.com/evgen-app/lending-next.git
synced 2024-11-22 06:46:33 +03:00
18 lines
1.1 KiB
TypeScript
18 lines
1.1 KiB
TypeScript
import React from "react"
|
|
import styles from './Ring.module.css'
|
|
|
|
export const Rings:React.FC = () =>{
|
|
return(
|
|
<div>
|
|
<img className={styles.ring} style={{left: "-50px", top:"0px"}} src="/images/ring.svg"/>
|
|
<img className={styles.ring + " " + styles.ringVisible} style={{right: "-50px", top:"0px", width: "20%"}} src="/images/ring.svg"/>
|
|
<img className={styles.ring} style={{right: "50%", top:"350px", width: "40%"}} src="/images/ring.svg"/>
|
|
<img className={styles.ring + " " + styles.ringVisible} style={{right: "-100px", top:"750px", width: "35%"}} src="/images/ring.svg"/>
|
|
<img className={styles.ring} style={{left: "-10px", top:"900px", width: "10%"}} src="/images/ring.svg"/>
|
|
<img className={styles.ring} style={{right: "100px", top:"1500px", width: "25%"}} src="/images/ring.svg" />
|
|
<img className={styles.ring} style={{left: "-100px", top:"1700px", width: "30%"}} src="/images/ring.svg"/>
|
|
<img className={styles.ring} style={{right: "60%", top:"2500px", width: "20%"}} src="/images/ring.svg"/>
|
|
</div>
|
|
|
|
)
|
|
} |