Machine Learning, Blockchain, New Technologies and Researches

** GIỚI THIỆU SASS** ** CÀI ĐẶT NODE-SASS VÀ TẠO FOLDER SASS** - Tạo file main.scss và copy code từ style.css. - Tạo script để run compiler. - npm install live-server để cập nhật code. *Chuyển đổi các dữ liệu được dùng lặp lại sang các biến - Có thể dùng rgba($color-black, 0.2) - Các biến về màu sắc: $color-... - Chuyển các css con vào trong nest của css cha bằng & * Trong sass folder tạo folder base: Chứa các chức năng tương ứng trong các file con - Tạo file _base.scss trong folder base (lưu ý cần có _) - Gọi file _base.scss trong main.scss bằng lệnh @import "base/base" - tên file lúc này không cần _ - Tạo thêm các file _animations.scss, _typography.scss; _ultilities.scss. * Trong sass folder tạo folder abstract: Là các file thực thi các lệnh scss. - Trong folder abstract tạo các file: _variables.scss; _mixins.scss; _functions.scss * Trong sass folder tạo folder layout: Để lưu trữ file scss của từng phần (header, footer...) * Trong ...

Topic 25: migrating, search of a better life, city life, living in a city, urban life. - a place of opportunity - there are some major drawbacks of living in a large metropolis. - ...could do much more - ...the average inhabitant - the cost of living ... is likely to be much higher than it is in a small town... - prices of housing, transport, even food - tend to suffer from social problems - high crime and poverty rates - in comparison with... - the air quality...often poor - pollution from traffic - pubic transport systems are usually overcrowed - city life can be unhealthy and stressful - there are various steps that ... could take to tackle the prolems. - invest money in - affordable or social housing - reduce the cost of living - ban vehicles from city centres - promote the use of cleaner public transport - reduce air pollution and traffic congestion - the introduce of congestion charge for driver - help to curb the traffic problem - develop provincial ...

Topic 16: universities, students, study, subjects, useful, future, science, technology. - People have different views about... - with regard to ... - While some argue that it would be better for... - ...be forced into certain key subject areas... - ...should be able to study the course of their choice. - There are various reason why... - ...may assert that... - medecine, engineering, and information technology. - ...are more likely beneficial than... - From a personal perspective,... - it can be argued that... - ...provide more job opportunities, career progression, better salaries - ...improve the quality of life - On the societal level.... - ...ensure that any knowledge and skills gap in the economy are covered. - a focus on technology in higher education could lead to new inventions,... - greater future prosperity. - In spite of these arguments,... - ...should be free to choose the preferred areas of study - society will benefit more if the students are pass...

Topic 1: money, bussiness, social responsibility. - ...sought to make a profit... - it is becoming incresingly common to... - the social obligations - should do more for... - I completely agree... - ...make money in oder to survive in competitive world. - It seems logical that... - the priority of... - cover the/its running costs...(employees' wages) - payments for buildings and utilities. - On top of...(these costs) - ...invest in improvements and innovations... - wish to remain successful. - ...is unable to pay its bills - ...meet the changing needs of customers - ...concerns about...(social responsibility) - ...become irrelevant. - make the positive contribution to...(society) -...is in good financial health - ...should not be run... - ...with the sole aim of maximising profit. - ...a wider role (to play in socity)... - ...treat (the employees) well. - ...rather than...(exploiting them). - living wage - ...have a good quality of life. - I also like...

*****BODY - HEADER***** * Reset css: *{ margin: 0; pading:0; box-sizing: border-box;} * Thẻ body: - Font (family; size; weight) - Line-height: vd 1.7 --> 1.7 lần tiêu chuẩn - color: - padding: để cach vào bên trong xo với viền *Thẻ header: - height: 95vh; //95vh = 95% chiều cao của lớp bao bọc(body) - background-image: Có thuộc tính url('...') Sử dụng linear-gradient(to right bottom, màu 1, màu 2) - to right bottom là hướng trài sang phải, trên xuống dưới Kích vào màu 1, màu 2 để có thể set Opacity của nó. rgba(x,y,z,opacity). clip-path: polygon(0 0, 100% 0, 100% 75vh , 0 100%) - Tạo hình cho background - tứ giác theo tọa độ ; tham khảo trang bennettfeely.com/clippy. - bachground-size: cover // bao hết khu vực header. - background-position: top // co giãn nhưng luôn giữ theo vị trí top. *Logo: Dùng class "logo-box" - logo-box: postion: absolute -- Cần phải set header về position: relative // tương đối dựa theo div bảo (header); top: 40px; lef...