CyberBlog.github.io/index.html at main · AkshithaRajavel/CyberBlog.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css"
    rel="stylesheet">
    <style>
        body{
            font-size:1.5vw;
            color: white;
        }
        h5{
            font-size:3vw;
        }
        h1{
            text-align: center;
            color:white;
            text-shadow: 3px 3px 10px #0FFF50;
        }
        a{
            text-decoration: none;
            color:black;
        }
        #front{
            text-shadow: 3px 3px 10px #ffffff;
            color:#0FFF50;
            width:100%;
            background-image: url("https://images.wsj.net/im-600769?width=860&size=1.5");
            background-repeat: no-repeat;
            background-size: cover;
        }
        .header{
            box-shadow:  #0FFF50 10px 10px 10px;
        }
        #item img{
            width:80%;
        }
        .card .btn,.dropdown .btn{
            background-color:   #0FFF50;
            color:black;
            border: 0px;
        }
        .container-fluid{
            box-shadow:  #0FFF50 10px 10px 10px;
        }
        .card:hover{
            box-shadow:  #0FFF50 10px 10px 10px;
        }
        #front img:hover{
            box-shadow:  #0FFF50 10px 10px 10px;
        }
    </style>
</head>
<body class="m-2 p-2 m-lg-3 bg-dark">
<!--NAVIGATION BAR-->
<div class="header bg-secondary mb-4 position-sticky top-0">
    <h1>RAVEN Blogs</h1>
</div>
<!--FRONT IMAGE-->
<div id="front" class="mb-5">
    <div style="background-color: rgb(128, 128, 128,0.6);"class="container-fluid">
        <div class="row row-cols-2 p-3 justify-content-center">
        <img src="https://media.geeksforgeeks.org/wp-content/uploads/20190902105053/Debugging-Tips-To-Get-Better-At-It.png" class="col">
        <h5 class="col pt-5">DEBUGGING</h5>
        <h5 class="col pt-5">BINARY EXPLOITATION</h5>
        <img src="https://miro.medium.com/max/1100/1*t280RdHyNyF9j9QPDToauw.webp" class="col">
        <img src="https://securitytoday.com/articles/2019/02/26/-/media/SEC/Security-Products/Images/2019/02/reverseengineering.jpg" class="col">
        <h5 class="col pt-5">REVERSE ENGINEERING</h5>
    </div>
    </div>
</div>
<!--EVENTS-->
<div id="item" class="container-fluid text-center bg-secondary p-5 mb-5 position-relative">
    <h1>Blog Posts</h1>
    <div class="row row-cols-1 row-cols-lg-2 justify-content-center">
        <div class="card bg-dark col-lg-5 m-3 position-relative">
        <div class="card-img-top">
            <img src="https://static.javatpoint.com/cpages/images/pointer.png">
        </div>
            <div class="card-body">
              <h5 class="card-title">VULNERABILITY OF C STYLE POINTERS</h5>
              <p class="card-text"><b>#Tags:</b> C , C++ , BinaryExploitation</p>
              <a href="random_research_blog_posts\blog1.html" class="btn">Read</a>
            </div>
          </div>
          <div class="card bg-dark col-lg-5 m-3 position-relative">
            <div class="card-img-top">
                <img src="https://media.geeksforgeeks.org/wp-content/cdn-uploads/20201209135923/String-in-C.png">
            </div>
            <div class="card-body position-relative">
              <h5 class="card-title">STRINGS :C vs C++</h5>
              <p class="card-text"><b>#Tags:</b> C ,C++ ,Assembly language, ReverseEngineering (RE Tools)</p>
              <a href="random_research_blog_posts\blog2.html" class="btn">Read</a>
            </div>
          </div>
    </div>
</div>
</body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
</html>