From dd2e9714bc6d5bf51737a59a1958c35b54e95e75 Mon Sep 17 00:00:00 2001 From: lakshya Mishra <68530218+kenkirito@users.noreply.github.com> Date: Fri, 2 Oct 2020 02:00:01 +0530 Subject: [PATCH 001/140] Create react js --- Misc/react js | 227 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 227 insertions(+) create mode 100644 Misc/react js diff --git a/Misc/react js b/Misc/react js new file mode 100644 index 00000000..250f8bf2 --- /dev/null +++ b/Misc/react js @@ -0,0 +1,227 @@ +import React from 'react'; +import { makeStyles } from '@material-ui/core/styles'; +import Paper from '@material-ui/core/Paper'; +import Grid from '@material-ui/core/Grid'; +import Box from '@material-ui/core/Box'; +import call from './img/blober.png'; +import java from './img/java.png'; +import python from './img/python.png'; +import chip from './img/chip.png'; +import computer from './img/computer.png'; +import moniter from './img/monitor.png'; +import c from './img/c.png'; +import cplus from './img/c++.png'; +import hacker from './img/hacker.png'; + + +const useStyles = makeStyles((theme) => ({ + root: { + flexGrow: 1, + }, + paper: { + padding: theme.spacing(1), + border: '6px solid White', + backgroundColor: '#F0F8FF', + marginLeft: theme.spacing(5), + marginBottom: theme.spacing(8), + verticalAlign: 'middle', + marginRight: '20%', + textIndent: '80px', + fontFamily: "sans-serif", + color: "#040f4f", + boxShadow: ' 0 16px 70px -12.125px rgba(0,0,0,0.3)', + borderTopLeftRadius: '20px', + borderBottomLeftRadius: '20px' + }, + p:{ + Color: "#040f4f", + /*textAlign:"right", + paddingRight: '3rem', + paddingLeft: '3rem'*/ + }, + textAlign: { + textAlign:"center", + color: "#040f4f", + paddingBottom: '40px' + }, + line : { + textDecoration: "underline", + textDecorationColor: "#ffab00", + }, + media: { + /*height: '80px',*/ + /* marginLeft: 'auto', + marginRight: 'auto', + width: '100%',*/ + backgroundColor: 'white', + padding: '10px', /* Some padding */ + width: '80px' /* Set a small width */ + }, + image: { + backgroundImage: 'url('+call+')', + display: 'block', + backgroundPosition: 'center', + backgroundRepeat: 'no-repeat', + }, + spacing: { + marginRight: theme.spacing(5), + marginLeft: '20%', + padding: theme.spacing(1), + border: '6px solid White', + backgroundColor: '#F0F8FF', + marginBottom: theme.spacing(5), + verticalAlign: 'middle', + textIndent: '80px', + fontFamily: "sans-serif", + color: "#040f4f", + boxShadow: ' 0 16px 70px -12.125px rgba(0,0,0,0.3)', + } +})); + +/*const defaultProps = { + bgcolor: 'background.paper', + m: 1, + style: { width: '5rem', height: '5rem' }, + borderColor: 'text.primary', + border: '3px solid Black', + };*/ + + const defaultProps = { + bgcolor: 'background.paper', + m: -6, + style: { width: '100px', height: '100px' }, + borderColor: 'text.primary', + border: '3px solid Black', + borderRadius: '2px', + boxShadow: ' 0 16px 70px -12.125px rgba(0,0,0,0.3)', + display: 'flex', + }; + + +export default function FullWidthGrid() { + const classes = useStyles(); + return ( +
java is a general purpose language which is now used
+java is a general purpose language wbhbhbhbhbhbhbhbhhich is now used in every day life + java is a general purpose language which is now used in every day life day life +
+java is a general purpose language which is now used in every day life + java is a general purpose language which is now used in every day life ndvjksbvjsbdjvkbdsjkvbsjkdvbjksdbvjksd vjkds jvk sdjkv jkvs d +
+java is a general purpose language which is now used in every day life + java is a general purpose language which is now used in every day life day life +
+java is a general purpose language which is now used in every day life + java is a general purpose language which is now used in every day life +
+java is a general purpose language which is now used in every day life + java is a general purpose language which is now used in every day life +
+java is a general purpose language which is now used in every day life + java is a general purpose language which is now used in every day life +
+java is a general purpose language which is now used in every day life + java is a general purpose language which is now used in every day life +
+&?k69jt G(Es~dE`?3{z
zRv(U!4$4TUURah^;rLMRI8Exm?n06Y?M=NZEe;0v2hWXsXLvJ&)feE5+mn&632+dT
zt7+FfN27PV=4_D7C9T}By2}%)c5VG|GPbdzdDC#~lJ^aoG8RHQ+X5cSCSymP6CI_q
zQe>~%ce-jj@y_ltiVk`zv94TZIa}3<$Fes(mn$ed-TGICT?# upUH$%=h7w;sxBhYtQd
zE4YZ<4G67M7PlG7;tm&esG=Cvc{HdL5jShpRU6vVkO`l{S(wWx{+3<$4(TY9CkeE3
z$}GRGH#Mjj94STht;4cTq~X@5ZFSVnRGgz&FsQ^#Ll#%knq;LJP)7j=8|8J78myXu
z?J9qdR@ysSpQUo{ZGEPL)q!HT9MEWnMdgk4q{iu{z(0c5l5cBTNOR&nZXJn%?F^|(
z?Ac9SsvF_(?q|4DMtrf)AUWwoUOr-BvS+wtV3Cb0GQCjcj3U<(RXl80b*ZkC9v`pX
zSmSU)9wG5yvbW*z@Xoyv2Pk$;DxKki+iFY0j1mvOIxP4hA)n}r=^W=II` J`+9!?(z__T&v-e=lkrc-X9aro4xMiRGo92r&z4KR=A
zx0qROdNAURzAL1Gw?E%GdUPYpnHRP9BpIZm2vaUXEPAqecDEcTQV2Qv=AT&EIq0Ul
zT8pY34r-gjCji=iJ^#
z!nK;LVB7?D4jzcWbuUu@FKVV$^}+m{D)twBb>Jmh?XM=(GG0&or*u
*BqVowO51?=j`l|*#>9bvIqtoIbU7ow;Qk_EHG@BsiX@z2J6G7S;*v`$ciHeH*
z3`?76wiZ)Pn^<83w%eM?krUmIIY$%=rPp;asuztW*w(7JqrMxRr_522gkvc4B7VxF
zrP|kI!8R6P&6?AOB+HA|HfO_Um87E9s*RJIh7xz`qAe3$>~hjVGc>>dxr0Q?It_qu
zZ@Z*>Vx3;Bw3eZ)L$$)Wj5_ND(DW88J?I$JsTfVeEn3nhpVk4O6m+Rp?JL(0<555b
zwdR~YG?tdV`2Nx{{7opVA(VQjrvvbC-g$f|VAj@|TAy%o{Xz;90;hj7Pl00
z<}EDHjaX|g<$|n~IUQH+mDlXF